« 网页浏览器关于整理浏览器对网页的兼容性问题-CSS提交表单后自动创建注册会员名的文件夹代码 »

CSS控制DIV出现滚动条效果

分类: 网页设计代码 发布: roger 浏览: 日期: 2010年8月18日

CSS定义样式如下:

<style type="text/css">
<!--
/*www.hjfb.com*/
#hjfb_div{
border:1px solid #7AA3C4;
overflow-y:scroll;
scrollbar-face-color:#7AA3C4;
scrollbar-shadow-color:#13344E;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ADC4D7;
scrollbar-darkshadow-color:#C7D8E4;
scrollbar-track-color:#ADC4D7;
scrollbar-arrow-color:#13344E;
height:80px;
}
-->
</style>

如果想让左侧的下拉框在没有超过我设定高度时自动隐藏则:overflow-y:scroll;修改成overflow-y:auto;


DIV中调用代码如下:
<div id="hjfb_div">
漫天雪花孤独守望阳光的到来<br />
我的孤独比孤独还孤独<br />
如果没有遇见你会怎么样<br />
我的灵魂是否依然充满无奈和渴求...<br />
<br />
月光照着城市的每一个角落<br />
心儿容不下一点彷徨<br />
幻想和你在月光下漫步<br />
你静静微笑似汩汩泉水<br />
我傻傻目光不离你的娇媚<br />
若要给心儿找个方向<br />
不知月光是否知道我的思量...
</div>

相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog 1.8 Walle Build 91204

Copyright 2008-2022 WWW.XMHJFB.COM Rights Reserved 闽ICP备16020319号