html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

css表头固定样式的方法_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
这篇文章主要为大家介绍了css表头固定样式的方法,涉及样式的相关操作技巧,需要的朋友可以参考下

本文实例讲述了css表头固定样式的方法。分享给大家供大家参考。PskHTML5中文学习网 - HTML5先行者学习网

具体实现方法如下:PskHTML5中文学习网 - HTML5先行者学习网


复制代码
代码如下:
PskHTML5中文学习网 - HTML5先行者学习网
<style type="text/css">PskHTML5中文学习网 - HTML5先行者学习网
/*表头样式*/PskHTML5中文学习网 - HTML5先行者学习网
.scll {PskHTML5中文学习网 - HTML5先行者学习网
position: relative;PskHTML5中文学习网 - HTML5先行者学习网
top: expression(this.offsetParent.scrollTop);PskHTML5中文学习网 - HTML5先行者学习网
//background: url(../img/tab_15.gif) repeat-x left;PskHTML5中文学习网 - HTML5先行者学习网
background-color: #BCF4EC;PskHTML5中文学习网 - HTML5先行者学习网
text-align: center;PskHTML5中文学习网 - HTML5先行者学习网
vertical-align: middle;PskHTML5中文学习网 - HTML5先行者学习网
text-indent: 5px;PskHTML5中文学习网 - HTML5先行者学习网
}PskHTML5中文学习网 - HTML5先行者学习网
PskHTML5中文学习网 - HTML5先行者学习网
/*div样式*/PskHTML5中文学习网 - HTML5先行者学习网
.h_500 {PskHTML5中文学习网 - HTML5先行者学习网
width: 100%;PskHTML5中文学习网 - HTML5先行者学习网
overflow: auto;PskHTML5中文学习网 - HTML5先行者学习网
height: 80%;/**根据具体的屏幕分辨率调整*/PskHTML5中文学习网 - HTML5先行者学习网
border: 0px;PskHTML5中文学习网 - HTML5先行者学习网
}PskHTML5中文学习网 - HTML5先行者学习网
PskHTML5中文学习网 - HTML5先行者学习网
/*细线表格*/PskHTML5中文学习网 - HTML5先行者学习网
.TABLE {PskHTML5中文学习网 - HTML5先行者学习网
margin-top: 0px;PskHTML5中文学习网 - HTML5先行者学习网
margin-bottom: 3px;PskHTML5中文学习网 - HTML5先行者学习网
margin-bottom: 3px;PskHTML5中文学习网 - HTML5先行者学习网
border-top: 0px;PskHTML5中文学习网 - HTML5先行者学习网
border-bottom: 1px solid silver;PskHTML5中文学习网 - HTML5先行者学习网
}PskHTML5中文学习网 - HTML5先行者学习网
</style>PskHTML5中文学习网 - HTML5先行者学习网
PskHTML5中文学习网 - HTML5先行者学习网

希望本文所述对大家的css样式设计有所帮助。

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助