Home >Web Front-end >CSS Tutorial >HTML scroll bar style_basic tutorial
HTML scroll bar style_basic tutorial
- WBOYOriginal
- 2016-05-16 12:05:022264browse
1. The track of the scroll bar is recorded as: scrollbar-track. The so-called "track" refers to the route that the sliding block of the scroll bar must take when running. 2. The sliding block of the scroll bar, that is, the sliding block that can be moved up and down or left and right by pressing and holding the left mouse button, and the small squares at both ends of the scroll bar, recorded as: scrollbar-face. Face is the "face" of the scroll bar. Note that it has three "faces": the slide bar and the small squares at both ends.
3. The bright border part of the scroll bar is recorded as: scrollbar-highlight. This bright border has the same concept as the bright border of the table, that is, the left and upper parts. The bright border part of the scroll bar refers to the bright border of the "face" of the scroll bar (i.e., the sliding block and the small squares at both ends).
4. There is also a three-dimensional modification part around the bright border part of the scroll bar, which is recorded as scrollbar-3dlight. 3d means three-dimensional, which will surround the bright border part of the scroll bar.
5. The shadow part of the scroll bar refers to the shadow of the main slider and the squares at both ends. It is located on the left and lower left, and is recorded as: scrollbar-shadow.
6. The shadow part of the scroll bar also has a strong shadow part, which is called scrollbar-darkshadow, which surrounds the shadow part.
7. The scrollbar arrows at both ends are marked as: scrollbar-arrow. The directions of the arrows are down, up, left, and right.
[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh it to execute]