如果別人用好的css你不喜歡
那
你就動手自己做吧!!
我把常用的css貼上~
複製↓
1.邊框
body {
border:20px solid red
}
20 = 邊框粗度 ; RED = 顏色
2.捲軸
BODY {
SCROLLBAR-FACE-COLOR: #333333;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #666666;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #999999;
SCROLLBAR-DARKSHADOW-COLOR: #666666
}
#333333 = 捲軸 BAR 標準顏色
#FFFFFF = 捲軸 BAR 邊框 (淡) 顏色
#666666 = 捲軸 BAR 邊框 (陰影) 顏色 (左上)
#999999 = 捲軸 BAR 邊框 (3D底) 顏色
#FFFFFF = 捲軸 BAR 箭頭顏色
#999999 = 捲軸 BAR 底部顏色
#666666 = 捲軸 BAR 邊框 (陰影) 顏色 (右下)
( 我也做了一些捲軸 ., 喜歡的歡迎包走^^* 但請留言告之 )
紅 ;
body {
scrollbar-3Dlight-color:#FF0000;
scrollbar-arrow-color:#FF0000;
scrollbar-darkshadow-color:#E9967A;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#E9967A;
scrollbar-shadow-color:#FF0000;
scrollbar-track-color:#FFFFFF
}
藍 ;
body {
scrollbar-3Dlight-color:#0000FF;
scrollbar-arrow-color:#0000FF;
scrollbar-darkshadow-color:#00BFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#00BFFF;
scrollbar-shadow-color:#0000FF;
scrollbar-track-color:#FFFFFF
}
紫 ;
body {
scrollbar-3Dlight-color:#800080;
scrollbar-arrow-color:#800080;
scrollbar-darkshadow-color:#8A2BE2;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#8A2BE2;
scrollbar-shadow-color:#800080;
scrollbar-track-color:#FFFFFF
}
橙 ;
body {
scrollbar-3Dlight-color:#FFA500;
scrollbar-arrow-color:#FFA500;
scrollbar-darkshadow-color:#FFD700;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFD700;
scrollbar-shadow-color:#FFA500;
scrollbar-track-color:#FFFFFF
}
綠 ;
body {
scrollbar-3Dlight-color:#ADFF2F;
scrollbar-arrow-color:#ADFF2F;
scrollbar-darkshadow-color:#8FBC8F;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#8FBC8F;
scrollbar-shadow-color:#ADFF2F;
scrollbar-track-color:#FFFFFF
}
3.連結
普通狀態的連結 :; A:link { color:blue; font-size:9pt; text-decoration:none }
造訪過的連結 :; A:visited { color:blue; font-size:9pt; text-decoration:none }
滑鼠移到連結 :; A:hover { color:blue; font-size:9pt; text-decoration:none }
按下去連結 :; A:active { color:blue; font-size:9pt; text-decoration:none}
blue = 字色 ; 9pt = 字體大小 ; none = 文字樣式
4.遊標
body{cursor:url("游標網址1")}
a:hover {cursor:url("游標網址2")}
游標網址1 = 在網頁時的滑鼠游標 ; 游標網址2 = 移到超連結時的滑鼠游標
5.放圖
6.背景圖
body{
background :顏色;
background-image : url('背景圖網址');
background-repeat : repeat;
background-attachment: fixed;
}
顏色 = 背景圖顯示不到時用這種顏色代替 ; 背景圖網址 = 背景圖網址 ; REPEAT = 背景圖重複 ( NO-REPEAT = 不重複 ) ; FIXED = 背景圖固定
- Mar 23 Fri 2007 21:58
【分享】如何用css
close
全站熱搜
留言列表
發表留言