1捲軸跟背景色

OVERFLOW: scroll (無邊框捲軸)

BACKGROUND-COLOR: #c00000 (捲軸內背景色)

OVERFLOW-X: hidden (刪除水平→捲軸)

OVERFLOW-Y: hidden (刪除垂直↑捲軸)

OVERFLOW: hidden (不使用捲軸)

OVERFLOW: auto (內容區域大於顯示區域會自動顯示捲軸)

(有背景色無邊框樣式的基礎語法)

編輯文字的地方

2捲軸外框

BORDER: #ff0000 5px dotted (捲軸的外框選擇)

dotted=圓虛線 dashed=虛線 solid=實線 double=雙實線 inset=凹框  outset=凸框 groove=立體內凸框  ridge=立體浮凸框

(這是有背景色加上外框的語法)

DIV style="OVERFLOW: scroll;  HEIGHT: 60px; background-color: #c00000; BORDER: #ffffff 5px dotted">編輯文字圖片內容

上方語法輸入後會變下方語法

編輯文字圖片內容

3捲軸上色

SCROLLBAR-FACE-COLOR: #000000; (拖曳棒與按鈕表面顏色)
SCROLLBAR-HIGHLIGHT-COLOR: #eeeeee; (捲軸與按鈕四周內邊框左上立體亮面的顏色)
SCROLLBAR-SHADOW-COLOR: #bbbbbb; (捲軸與按鈕四周內邊框右下立體暗面的顏色)
SCROLLBAR-3DLIGHT-COLOR: #ffffff; (捲軸與按鈕四周外邊邊框左上立體亮面的顏色)
SCROLLBAR-ARROW-COLOR: #c00000; (按鈕箭頭▲▼顏色)
SCROLLBAR-TRACK-COLOR: #770000; (捲軸軌道的顏色)
SCROLLBAR-DARKSHADOW-COLOR: #cccccc; (捲軸與按鈕四周外邊框右下立體暗面的顏色)
SCROLLBAR-BASE-COLOR: #0000ff (捲軸整體的顏色單獨使用效果比較明顯)

可到這邊網頁編輯好捲軸顏色,再複製以上所需的語法貼在基礎語法後面即可 (別忘了每段句都要加上;)

(背景色加外框加捲軸上色的語法)

編輯文字圖片內容

4隱形捲軸

原理是語法全部設定為同色

(隱形捲軸的語法)

編輯文字圖片內容

 5捲軸內加背景

a背景固定不會跟捲軸移動

編輯文字圖片內容

b背景會跟捲軸移動

編輯文字圖片內容

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

    あなたの過去、私は参加できなかったけど、一緒に自分の将来を作成します

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