怎么用CSS给html加横向滚动条并且隐藏竖向滚动条

html-css017

怎么用CSS给html加横向滚动条并且隐藏竖向滚动条,第1张

隐藏竖向滚动条

在子页面的<html>标签里加入以下格式:<htmlstyle="overflow:autooverflow-y:hidden">,

style="overflow:auto"，当内容超出范围之后，就会自动有滚动条了。

设置div横向滚动条div<style="overflow:scroll"></div>

很简单的滚动样式：

div.scroll{

scrollbar-arrow-color: #326BAB/*三角箭头的颜色*/

scrollbar-face-color: #CAEAFC/*立体滚动条的颜色*/

scrollbar-3dlight-color: #98D1F5/*立体滚动条亮边的颜色*/

scrollbar-highlight-color: #CAEAFC/*滚动条空白部分的颜色*/

scrollbar-shadow-color: #98D1F5/*立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: #CAEAFC/*立体滚动条强阴影的颜色*/

scrollbar-track-color: #C9E1F9/*立体滚动条背景颜色*/

scrollbar-base-color:#f8f8f8/*滚动条的基本颜色*/

}

够详细了吧

如果你要很个性化的样式，就用jQuery的滚动条插件吧