立體捲軸變化以及運用,參考範例如下~~
<div style="SCROLLBAR-ARROW-COLOR: #CCCCCC; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #666666; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; SCROLLBAR-SHADOW-COLOR: #CCCCCC; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #666666">
應用技巧 : 以色碼按照順序分為7個色碼;如下範例~~
1為三角箭頭;
2、6為軸面跟軸軌;
3、7為左右外側邊線;
4、5為左右內側邊線;
<div style="SCROLLBAR-ARROW-COLOR: #1; SCROLLBAR-FACE-COLOR: #2; SCROLLBAR-DARKSHADOW-COLOR: #3; HEIGHT: 100px; SCROLLBAR-HIGHLIGHT-COLOR: #4; SCROLLBAR-SHADOW-COLOR: #5; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #6; SCROLLBAR-3DLIGHT-COLOR: #7">
【立體感捲軸的變化技巧以及演練】
2、6(軸面與軸軌)底色一深一淺;
3、7(外側邊線)採較深色(或較淺)的顏色;
1(三角箭頭)、4、5(內側邊線)
採較淡(或較深-相容外側邊線)的顏色。
【貼語法步驟:】
在編輯文章時 在要放置捲軸的地方
輸入隨意數字記號(如 3333333333 )
以作為尋找標記
然後點 觀看HTML原始碼
在裡面找到 數字記號 3333333333
反白那一小段語法
貼上語法即可。
*注意貼上語法下面不要有空格喲*
*捲軸還是要搭配框架底色跟邊線 互相融合輝映才完整、才好看。
參考工具 : 色碼選擇器
一般捲軸範例預覽
<div style="SCROLLBAR-ARROW-COLOR: #697840; SCROLLBAR-FACE-COLOR: #adb092; WIDTH: 250px; SCROLLBAR-DARKSHADOW-COLOR: #697840; HEIGHT: 180px; SCROLLBAR-HIGHLIGHT-COLOR: #697840; SCROLLBAR-SHADOW-COLOR: #697840; OVERFLOW: auto; SCROLLBAR-TRACK-COLOR: #adb092; SCROLLBAR-3DLIGHT-COLOR: #697840">
看看下面的吧!~
~