css使用overflow属性控制滚动条的样式

滚动条样式主要涉及到如下overflow属性: 

overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容，其用到的表现形式和值有以下几种 

overflow: auto; 在需要时内容会自动添加滚动条 

overflow: scroll; 总是显示滚动条 

overflow-x: hidden; 禁止横向的滚动条 

overflow-y: scroll; 总是显示纵向滚动条 

以上三个属性设置的值为visible、scroll、hidden、auto 

visible 默认值。使用该值时，无论设置的"width"和"height"的值是多少，其中的内容无论是否超出范围都将被强制显示。 

hidden 效果与visible相反。任何超出"width"和"height"的内容都会不可见。 

scroll 无论内容是否超越范围，都将显示滚动条。 

auto 当内容超出范围时，显示滚动条，否则不显示。 

滚动条overflow属性的应用 

复制代码

代码如下:

/*没有水平滚动条*/ 

<p style="overflow-x:hidden">test</p> 

/*没有垂直滚动条*/ 

<p style="overflow-y:hidden">test</p> 

/*没有滚动条*/ 

<p style="overflow-x:hidden;overflow-y:hidden" 或 style="overflow:hidden">test</p> 

/*自动显示滚动条*/ 

<p style="height:100px;width:100px;overflow:auto;">test</p> 

自定义滚动条的样式实例 

复制代码

代码如下:

Body {}{ 

scrollbar-arrow-color: #f4ae21; /**//*三角箭头的颜色*/ 

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

scrollbar-3dlight-color: #666; /**//*立体滚动条亮边的颜 

色*/ 

scrollbar-highlight-color: #666; /**//*滚动条空白部分的 

颜色*/ 

scrollbar-shadow-color: #999; /**//*立体滚动条阴影的颜 

色*/ 

scrollbar-darkshadow-color: #666; /**//*立体滚动条强阴 

影的颜色*/ 

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

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

Cursor:url(mouse.cur); /**//*自定义个性鼠标*/ 

} 

去马尔代夫旅游的要求，去马尔代夫旅游需要办理哪些手续，手续办下来需要多长时间？

    去马尔代夫玩一周大概多少钱？ 去马尔代夫一般预算可以分为这几种，比较经济的预是两个人2-2.5万RMB，3万RMB的预算可以玩的比较好了，而3.5万就可以对时间和档次有比较高的要求了，如果需要考虑顶级的岛屿，一般4万以上就可以。当然价格也会随淡旺季、旅行社的不同而略有变化。 每个度假村起的名字都不大一样，不过几种房间类型是通用的。按位置可分为：沙滩房(可以直接看到大海)，水上房(直接建在海里，或者...

       什么样的网站才是用户真正喜欢的？ 在如今这个时代，越来越多的企业将目光投向网站建设，并且天津网站建设相信，很多的拥有网站的企业主们应该也都知道，网站想要获得一个真实用户到底有多不容易。若网站获得了用户的初步访问，那么就需要做好充分的准备去处理好网站中的每一个细节，否则一旦用户觉得体检不好，会毫不犹豫的离开你的网站，那么到底什么样的网站才是用户真正喜欢的呐？ 一、满足用户刚需 当用户有某种需求时，我们需要通过定性分析和定量分...

       seo搜索引擎优化应该怎样操作 步骤一 | 选择搜索引擎 互联网进化到今天，搜索引擎已经多样化。搜索引擎不再只是PC时代谷歌、百度那样单一的通用型搜索引擎。搜索引擎已经发展出各专业类别的搜索：图片搜索、视频搜索、地图搜索、学术搜索等。同时，搜索引擎还内置在各类门户和入口之中，淘宝、新浪微博、微信、APP应用商店等。 步骤二 | 挖掘关键词 从行业入手 假设你准备做一个咖啡行业网站。那么从行业的角度出发，可以对这个行业进行归类，提...

       搜索引擎内幕爆料：DIV+CSS布局强化被蜘蛛理解的程度 长沙网站建设 及其同行常说，网站建设要采用p+CSS布局，而且，p的嵌套最好要控制在不超过3层结构。我们是否可以这样理解，如果一个网站的HTML代码很容易被人所理解，那么搜索引擎是否就会喜欢这个网站并且给予好的推荐？ 代码精简这个有点自然不用多说，但从提高网站运行效率上来说，就是一个极大的优势。 提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；由于能高效的爬行，...

       深圳福田易通达汽车租车同虎网科技签署网站建设合作协定 易通达是经深圳市福田区工商局审核的正规企业，统一社会信用代码：91440300080752607X。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备14046609号。易通达选用虎网站定制型网站案例，此类网站主要是按客户要求和提供的风格案例或效果图纸来做，这种属于仿制和定制型网站，是根据功能开发的难易度来评估报价的，价格相对较高，适合于大中型企业和有个性风格、个性功能需求的...

       西安网站建设中视觉理念设计经验分享 不知道大家对于网站建设中的视觉理念设计有没有一些掌握呢？那么都包括哪些内容呢？下面由西安网站建设公司小编为大家进行一下详细的阐述。希望对大家有所帮助！ *先我们一定让图片更合理，页面上图片也是版式的重要组成，正确的运用图片，可以帮助用户对信息加深印象，引导用户的行为，与网站整体风格协调的图片，能帮助网站营造独特的品牌氛围，加深浏览者的印象。对于网站中图片的主要作用大致有以下三种：banner 广告...