当前位置: 代码迷 >> HTML/CSS >> 应用CSS为层(div)元素添加滚动条
  详细解决方案

应用CSS为层(div)元素添加滚动条

热度:148   发布时间:2012-10-09 10:21:45.0
运用CSS为层(div)元素添加滚动条

<html>??
??? <head>??
??? <title>Div Scroll</title>??
???????
??? <style type="text/css">??
???? .scroll {???
???????? width: 50%;????????????????????????????????????? /*宽度*/???
???????? height: 200px;?????????????????????????????????? /*高度*/???
???????? color: ;???????????????????????????????????????? /*颜色*/???
???????? font-family: ;?????????????????????????????????? /*字体*/???
???????? padding-left: 10px;????????????????????????????? /*层内左边距*/???
???????? padding-right: 10px;???????????????????????????? /*层内右边距*/???
???????? padding-top: 10px;?????????????????????????????? /*层内上边距*/???
???????? padding-bottom: 10px;??????????????????????????? /*层内下边距*/???
???????? overflow-x: scroll;????????????????????????????? /*横向滚动条(scroll:始终出现;auto:必要时出现;具体参考CSS文档)*/???
???????? overflow-y: scroll;????????????????????????????? /*竖向滚动条*/???
???????????
???????? scrollbar-face-color: #D4D4D4;?????????????????? /*滚动条滑块颜色*/???
???????? scrollbar-hightlight-color: #ffffff;???????????????? /*滚动条3D界面的亮边颜色*/???
???????? scrollbar-shadow-color: #919192;???????????????????? /*滚动条3D界面的暗边颜色*/???
???????? scrollbar-3dlight-color: #ffffff;??????????????? /*滚动条亮边框颜色*/???
???????? scrollbar-arrow-color: #919192;????????????????? /*箭头颜色*/???
???????? scrollbar-track-color: #ffffff;????????????????? /*滚动条底色*/???
???????? scrollbar-darkshadow-color: #ffffff;???????????????? /*滚动条暗边框颜色*/???
???? }???
??? </style>??
???????
??? </head>??
???????
??? <body>??
??? <div align="center">??
??????? <div class="scroll">??
??????????? <!--在此添加想要显示的内容 -->??
??????? </div>??
??? </div>??
???????
??? </body>??
</html>

  相关解决方案