用CSS控制滚动条样式 1，Overflow内容溢出时的设置 overflow 水平及垂直方向内容溢出时的设置 overflo 水平方向内容溢出时的设置 overflowy 垂直方向内容溢出时的设置 以上三个属性设置的值为visiblescrollhiddenauto v。

在css设置可改变大小的div滚动条样式方法1首先新建html文档，进入代码书写界面2在和的里面写入代码，在里面写入想要输入的内容3书写外层轨道css代码bodywebkitscrollbar width20px height2px backgro。

改变浏览器默认的滚动条样式滚动条凹槽的颜色，还可以设置边框属性 webkitscrollbartrackpiece backgroundcolor#f8f8f8 滚动条的宽度 webkitscrollbar width9pxheight9px 滚动条的。

1首先打开前端开发工具，新建一个HTML代码页面，如下图所示2在html代码页面上创建一个父和一个子，同时给这两个div添加一个class分别为scrollboxscroll3给子添加内容，为了让滚动条可以实现，尽量多添加一些内。

1首先让我们创建一个HTML文件2通过记事本来编辑，书写上一个HTML的整体结构3书写一个div模块4接着开始写css代码5定义上div的长宽6利用overflow属性，来设置是否展示滚动栏7打开HTML网页，就已经。

css代码如下webkitscrollbar width14pxheight14pxbackgroundwebkitgradientlinear，left top，right top，colorstop0%，rgba202，202，202，007，colorstop100%，rgba229，229，229，007back。

width100pxoverflowautoquottest 2，自己定义滚动条的颜色 我们一般默认的滚动条样式如下左图，右图是放大了1600倍的样子，我们可以看到滚动条有几种言责组合的，我给他们标了7个号， 分别注释在下面的css代码的后面了，注意。

有三种代码输入的方式可以在CSS隐藏滚动条详细方法如下方法一代码如下html overflowy scroll 原理强制显示ie的垂直滚动条，而忽略水平滚动条优点完全解决了这个问题， 允许你保持完整的XHTML doctype。

目前只有chrome支持设置滚动条样式，给div设置伪类 webkitscrollbar 滚动条整体部分，可以设置宽度啥的 webkitscrollbarbutton 滚动条两端的按钮 webkitscrollbartrack 外层轨道 webkitscrollbartrack。

如果你只是单纯用的marquee的话这样写 ltmarquee style=quotpaddingN pxquotltmarquee 如果是样式里的话，先对marquee设置名称，然后写样式 body部分ltmarquee class=quotXquotltmarquee CSS部分XpaddingN px。

首先overflowscoll的意思是当页面内容超出一屏或者你给body设置的宽度时显示滚动条的意思当没有超出时，当然只有X和Y的轴问题出在，背景图片不能设置大小HTML不会计算出背景图片的大小，这和直接插入的图片是有区别。

不能改变滚动条样式是浏览器默认的不过你可以把滚动条隐藏起来，然后就js模拟浏览器的滚动条。

2写一个div元素作为父元素，并且设置其overflow属性值为auto，在里面写一个div作为子元素，那么在网页中显示时，其子元素部分其在超出父元素宽度时，那么就会添加水平方向的滚动条而垂直方向不添加滚动条，所以这个auto属性。

* 设置滚动条的样式 *webkitscrollbar width 12px * 滚动槽 *webkitscrollbartrack webkitboxshadow inset 0 0 6px rgba0，0，0，03 borderradius 10px * 滚动条滑块。

所以图片会适应该div的大小，从而自动换行而要做到不换行的效果，则需要在div中嵌套一层div2，设置div2的width div的width，由此保证图片不会换行在横轴方向溢出，从而出现横向滚动条。