如果別人用好的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 = 背景圖固定


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 momoko9201 的頭像
    momoko9201

    尋找 ﹒﹒﹒*]]

    momoko9201 發表在 痞客邦 留言(0) 人氣()