css网页滚动条样式设置--css样式

原创 2006年06月15日 22:06:00
css样式详细介绍,网页滚动条样式设置

各条语句含义如下:
Crollbar-Face-color:滚动条页面颜色设定;
Scrollbar-Highlight-Color:滚动条斜面和左面颜色设定;
Scrollbar-Shadow-Color:滚动条下斜面和右面颜色设定;
Scrollbar-3Dlight-Color:滚动条上边和左边的边沿颜色设定;
Scrollbar-Arrow-Color:滚动条两端箭头颜色设定;
Scrollbar-Track-Color:滚动条底版颜色设定;
Scrollbar-Darkshadow-Color:滚动条下边和右边的边沿颜色设定。

举例说明:
------------------------------------------------
白背景,紫红色边框
------------------------------------------------
<STYLE type=text/css>
BODY {

scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#800080;
scrollbar-darkshadow-color:#800080;
scrollbar-Shadow-color:#FFFFFF;
scrollbar-arrow-color:#800080;
scrollbar-track-color:#ffffff;}

</STYLE>

CSS设置滚动条样式

CSS设置滚动条样式 因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决。 比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的...
  • cddcj
  • cddcj
  • 2017年04月21日 17:46
  • 570

CSS3自定义滚动条样式 -webkit-scrollbar

有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢? ...
  • hanshileiai
  • hanshileiai
  • 2014年10月23日 15:23
  • 173516

CSS —— 自定义浏览器滚动条的样式,打造属于你的滚动条风格

前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下。于是在各大浏览器中对比了一下,发现只用Chro...
  • u012913404
  • u012913404
  • 2016年04月08日 17:40
  • 8301

CSS设置滚动条样式(兼容IE)

废话不多说,直接上demo,最下面有详细注释。 1、这是在webkit浏览器下显示的样式。            (个人比较喜欢简约点的) 2、在IE浏览器下显示的样式(为了区分...
  • zh_rey
  • zh_rey
  • 2017年05月18日 16:33
  • 10158

CSS对div滚动条的样式设置

.scroll{ width:100px; height:200px; overflow:auto;/*自动出现滚动条,如果要出现竖直滚动条则改成:overflow-y:auto,如果横向出现滚...
  • shiyuezhong
  • shiyuezhong
  • 2013年01月09日 10:48
  • 12747

CSS3自定义滚动条的样式

webkit浏览器是如何自定义滚动条的呢? 滚动条demo(只在谷歌浏览器中有效): demo1:演示一 demo2:演示二滚动条的组成: ::-webkit-scrollbar:滚动条整体部分...
  • liwenfei123
  • liwenfei123
  • 2017年05月10日 13:55
  • 375

各浏览器中自定义滚动条的样式

webkit浏览器css设置滚动条: 1 2 3 4 5 6 7 ::-webkit-scrollbar ...
  • wangpf1992
  • wangpf1992
  • 2016年11月09日 16:39
  • 3845

[分享] 通过修改CSS自定义chrome滚动条样式

首先得说一句 我不懂CSS的写法之类的 这段CSS也是在网上找的 所以有更先进的需求的话 我肯定不能满足你们了 不好意思 效果图在10楼有人上了 我这边不管怎么弄 上传图片都卡在96% 而且不翻wal...
  • qq798833488
  • qq798833488
  • 2016年02月17日 10:54
  • 7202

HTML+CSS段落样式排版设置

在遇到网页段落文字需要首行缩进两个字符时,为了方便,有时我们可以选择利用多个空格符( )来实现。但是当网页内容需要更新或者网页段落较多时,我们再利用空格符来对每一段落进行缩进显然是不方便的,...
  • chenlinwei5
  • chenlinwei5
  • 2017年01月16日 21:29
  • 568

CSS3自定义滚动条样式 -webkit-scrollbar

有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢? ...
  • yzbben
  • yzbben
  • 2017年03月10日 16:11
  • 559
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css网页滚动条样式设置--css样式
举报原因:
原因补充:

(最多只允许输入30个字)