这篇文章主要为大家介绍了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样式设计有所帮助。