html捲軸樣式_基礎教程

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

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

