html滾動條樣式_基礎教程

一、滾動條的軌跡，記作：scrollbar-track。所謂“軌跡”，指滾動條的滑動塊運行時所必經的路線。二、滾動條的滑動塊，即在它上面按下滑鼠左鍵不放可上下或左右移動的滑動塊以及滾動條兩頭的小方塊，記作：scrollbar-face。 face即滾動條的“臉”，注意它有三張“臉”：滑動條和兩頭的小方塊。
三、捲軸條亮邊框部分，記作：scrollbar-highlight。這個亮邊框，和表格的亮邊框概念是一樣的，即左邊和上邊部分，滾動條的亮邊框部分是指滾動條的“臉”（即滑動塊和兩頭小方塊）的亮邊框。
四、滾動條亮邊框部分的外圍還有一個立體修飾部分，記作scrollbar-3dlight。 3d即立體的意思，它將包圍在滾動條亮邊框部分的外邊。
五、滾動條陰影部分，指主滑桿和兩頭方塊的陰影，位於左邊和左下，記作：scrollbar-shadow。
六、捲軸陰影部分還有一個強陰影部分，記作scrollbar-darkshadow，它包圍在陰影部分的外邊。
七、滾動條兩頭方志標誌箭頭，記作：scrollbar-arrow，箭頭方向為向下、向上、向左、向右。

<div id="center_down" style="overflow:auto; height:50; scrollbar-face-color: #f1f1f1; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color:#DDDDDD; scrollbar-arrow-color: #477ED1"> <img src="/static/imghwm/default1.png" data-src="/images/jb51.gif" class="lazy" alt="html滾動條樣式_基礎教程" > </div>
[​​Ctrl A 全選注:如需引入外部Js需刷新才能執行]