就只是小調而已,記下來,省得之後又要重新來過。
1. 文字滑鼠效果:文章on mouse後文字背景底色&虛線underline
語法:
#content A:hover {
font-size: 10pt;
color: #E63F00;
border-bottom : 1px dotted #000000; /*虛線underline效果*/
background-color:#EFEFEF; /*on mouse後背景效果*/
}
2. 回應區圖片:加入背景圖片
TEXTAREA {
BORDER-RIGHT: #aaaaaa 1px solid;
BACKGROUND-POSITION: 100% 0%;
BORDER-TOP: #aaaaaa 1px solid;
BACKGROUND-IMAGE: url(http://pic24.pic.wretch.cc/photos/1/p/patrica/6/1138941970.jpg);
/*圖片位置*/
MARGIN: 0px;
BORDER-LEFT: #aaaaaa 1px solid;
BORDER-BOTTOM: #aaaaaa 1px solid;
BACKGROUND-REPEAT: no-repeat; /*圖片是否連續*/
BACKGROUND-COLOR: #ffffff
}
3. 表單效果:下拉選單、表單、按鈕顏色效果
語法:
(1)表單、Button
INPUT {
BORDER-RIGHT: #deb2b2 1px solid;
BORDER-TOP: #deb2b2 1px solid;
FONT-SIZE: 10px;
BACKGROUND:#FFF0F0;/*改背景底色*/
BORDER-LEFT: #deb2b2 1px solid;
COLOR: #C30000;/*改選單顏色*
BORDER-BOTTOM: #deb2b2 1px solid;
}
(2)下拉選單
SELECT {
color :#C30000;
background-color :#FFF0F0;
}
相關文章:
[分享] 自動捲軸選色器
[blog玩意] MSN Online Status Indicator
CSS整合器:將混亂的CSS整理成漂亮的程式碼