DIV+CSS教程-CSS之网页滚动条样式

    文章出自:合力绿帆    发布时间:2010-11-5

    分享到:
           这里我们设置滚动条能够应用overflow这个命令,下里我们来进修一下overflow的利用;
    一、首先来了解一下overflow
    overflow:内容溢出时的设放,能够设置对于象能否显示滚动条,
    overflow-x:指程度方背内容溢出时的设置
    overflow-y:指垂直方背内容溢出时的设置
    它们设放的值为visible、scroll、hidden、auto。
    visible是默许值。使用这个值时,不管设置的"width"和"height"的值是几,其中的内容不管能否越过范畴皆会被强迫显示进去。
    hidden后果取visible相反。任何超越"width"和"height"的内容皆会没有可睹。
    scroll不管内容能否越过范畴,皆会显示滚动条。
    auto该内容超越范畴时,新网科技,主动显示滚动条,否则没有显示。
    例如:
    1.阅读器窗心没有呈现转动条:
    a.出有程度滚动条:
    b.出有垂直滚动条:
    c.没有滚动条:
    或者
    2.让少止的白原暗藏转动条:
    a.没有程度滚动条:
    b.没有垂直滚动条:
    c.出有滚动条:
    或者
    两、设订滚动条的颜色
    正在阅读网页的时分我们有时可以望到有很多网页滚动条颜色不是体系默许的,而是美丽的粉白色或者其它颜色,实在只需正在网页代码中参加一些代码便可以完成。
    DIY属于您本人的滚动条,将这些代码参加到两头。/*那里是代码的正文*/
     
    三、最后望一个详细应用
    那是人的photo页里为便利阅读照片时加加转动条的代码:















    人把这个照片显示框的ID命实为"tiao",正在head部门设置了它的阔、高以及滚动条的色彩,DIY的滚动条便制造完成了。很简略对于吧~您也来做一下尝尝您是不是实的教会了~
    文章出自:北京网站建设公司-合力绿帆 如转载请注明出处!
网站备案资料下载| FTP审请| 建设套餐|建站流程|建站合同下载|关于我们|付款方式| 联系我们