?‧? 〃Yahoo〃‧Css‧彩色捲軸、游標設定使用方法:管理部落格→面板設定→自訂樣式→將語法貼在最下方 /*彩色捲軸設定*/HTML{scrollbar-face-color: #ffffff; /*捲軸顏色*/scrollbar-highlight-color: #336699; /*捲軸左與上內邊框*/scrollbar-shadow-color: #336699;/*捲軸右與下內邊框*/ scrollbar-3dlight-color: #ffffff; /*捲軸左與上外邊框*/ scrollbar-darkshadow-color: #ffffff;/*捲軸右與下外邊框*/scrollbar-arrow-color: #336699; /*捲軸箭頭*/scrollbar-track-color: #ffffff; /*捲軸底色*/} /*可愛游標設定*/(游標圖檔,副檔名為 .cur 或 .ani) */body{cursor:url(cur101.ani)/*滑鼠移至連結指標樣式*/}a:hover {cursor:url(cur93.ani)/*版面滑鼠指標樣式*/} CSS 操控小技巧 - 滑鼠移過連結指標樣式總覽A:hover{cursor: crosshair; /*滑鼠移至連結指標樣式*/}body,table{cursor: crosshair; /*版面滑鼠指標樣式*/}使用 CSS 可快速更換你那一成不變的游標樣式。遇有超連結的文字或圖片,便會自動更換您網頁上的白手套指標。將您的滑鼠移至下方說明文字部份即可觀看指標範例。 SAMPLE 十字指標範例 → 語法︰CURSOR: crosshairSAMPLE 十字箭頭範例 → 語法︰CURSOR:moveSAMPLE 問號指標範例 → 語法︰CURSOR: helpSAMPLE 指標箭頭朝上 → 語法︰CURSOR: n-resizeSAMPLE 指標箭頭朝下 → 語法︰CURSOR: s-resizeSAMPLE 指標箭頭朝右 → 語法︰CURSOR: e-resizeSAMPLE 指標箭頭朝左 → 語法︰CURSOR: w-resizeSAMPLE 指標箭頭朝右上 → 語法︰CURSOR: ne-resizeSAMPLE 指標箭頭朝左上 → 語法︰CURSOR: nw-resize .msgcontent .wsharing ul li { text-indent: 0; } 分享 Facebook Plurk YAHOO! .
- Apr 07 Sat 2012 12:46
?‧? 〃Yahoo〃‧Css‧彩色捲軸、游標設定
close
全站熱搜
留言列表
禁止留言