Rumah > hujung hadapan web > html tutorial > HTML页面滚动条相关设置总结

HTML页面滚动条相关设置总结

巴扎黑
Lepaskan: 2017-06-04 10:58:28
asal
3477 orang telah melayarinya

网页中经常见到带有滚动条,比如输入框,那么如何根据自己的喜好去设置好看的滚动条呢,今天就总结下设置滚动条的方法:

设置滚动条的样式:

1.css设置滚动条样式步骤图解

浏览器默认的滚动条样子太过屌丝了,得自己动手整整。记得IE浏览器有几个设置滚条的样式,不过比较鸡肋,只能设置颜色之类的,而且webkit下面也不支持。无意间看到网易邮箱的滚动条样子很好看,一开始以为是用p模拟的,结果一看,吼吼,正合我意,利用的CSS来设置的,而且是webkit浏览器的。

2614fcf555bc135eb781f0c4fa162651.jpg

2.html中设置滚动条的样式

设置滚动条颜色:

1.解决IE6下无法设置滚动条颜色

解决IE6下无法设置滚动条颜色

一般设置滚动条样式的时候会使用如下CSS代码:

body
{
    scrollbar-face-color:#f6f6f6;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#eeeeee;
    scrollbar-3dlight-color:#eeeeee;
    scrollbar-arrow-color:#000;
    scrollbar-track-color:#fff;
    scrollbar-darkshadow-color:#fff;
}
Salin selepas log masuk

    

相关问答推荐:

1.div中嵌套多个div设置滚动条没效果

2.怎么设置滚动条的上下边距

3.怎么设置滚动条颜色,跨浏览器的

Atas ialah kandungan terperinci HTML页面滚动条相关设置总结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan