返回列表 发新帖

css表头固定样式的方法

476.6k 8
swmozowtfl 发表于 2015-7-9 22:52:21|湖北 | 查看全部 阅读模式
本文实例讲述了css表头固定样式的方法。分享给大家供大家参考。
3 P0 v: T7 }( p) f具体实现方法如下:% [$ t" y1 n) K; k' n  E: H
代码如下:0 k3 [$ N, x2 W8 H( k
<style type=text/css>, _# j0 `' e6 n+ c. z) g$ e- z/ P0 T
/*表头样式*/( P( r+ Y* O, C$ ]) s. A
.scll {0 S4 {9 a8 }# A7 T& o! K
position: relative;
# ^. f+ ~! E: U$ e3 W* c8 I) ktop: expression(this.offsetparent.scrolltop);
8 x6 o, {& H4 t5 `) g# j! N" T//background: url(../img/tab_15.gif) repeat-x left;4 T/ ?# I3 f- l* \: b
background-color: #bcf4ec;8 t& P  n- |8 \  B$ e6 x8 W
text-align: center;3 n+ |! ]) \0 U' `! z& n
vertical-align: middle;
0 N( o/ A& E% K0 g- \1 h! A' ptext-indent: 5px;
3 _1 M; |& p1 _* A# _# a}4 K' B; {' M; s6 ?( h  x8 @; u
/*div样式*/# d5 s; g( ?/ t' h% l4 L7 Z
.h_500 {
) J8 p" x1 l/ f1 I5 B$ awidth: 100%;$ d) K, E6 s5 K, X7 g/ V. l
overflow: auto;
2 o- X' ~+ `# p/ H  W9 I, jheight: 80%;/**根据具体的屏幕分辨率调整*/1 q) a& t1 v2 {/ D
border: 0px;0 V4 l$ B9 |$ y% ]% y" {
}
: c8 W6 `& X' k3 R! D/*细线表格*/$ U! r2 |  h# \4 o. g! i
.table {
1 E4 _7 {7 h$ W4 U) y; imargin-top: 0px;
8 i; r) ?, I- G: mmargin-bottom: 3px;$ o8 I; B/ T' |+ [6 i" m$ \
margin-bottom: 3px;! u& ~3 h9 f4 S4 y( a
border-top: 0px;
, C3 p  F2 _2 M+ C$ xborder-bottom: 1px solid silver;
% G9 S/ r) X2 c' f2 @2 @}3 N& G2 @; B0 S
</style>  r5 q! v, U0 n. e* Y8 E: p$ p- _% i
希望本文所述对大家的css样式设计有所帮助。$ o# L. }0 g9 D& T
希望本文所述对大家的web前端设计有所帮助。
0 @; y8 D% }1 k5 B4 D3 k
7 }# N+ c! W/ @$ P更多网页制作信息请查看: 网页制作

回复|共 8 个

buingeEvineus 发表于 2016-2-18 11:59:18|台湾 | 查看全部
晕 在我帖里面找偶像啊??
alapScady 发表于 2016-2-18 11:59:45|台湾 | 查看全部
都看了,这帖子有意思。
seazvyt 发表于 2016-2-18 11:59:54|INNA | 查看全部
想骂你.却不知道从何骂起.
mwxny 发表于 2016-2-18 12:00:45|美国 | 查看全部
哎 我我我怎么办啊??
mwxny 发表于 2016-3-29 11:39:36|美国 | 查看全部
我去看看 网络上的事 我不是很会 哎
GoodyFouppy 发表于 2016-3-29 11:39:58|美国 | 查看全部
什么什么啊??
mwxny 发表于 2016-3-29 11:40:33|日本 | 查看全部
今天统计好像出了问题
buingeEvineus 发表于 2016-3-29 11:40:38|日本 | 查看全部
既然你诚心诚意地发贴了,那我就大发慈悲地回复你。为了防止此贴被秒沉,为了维护此楼的繁荣!贯彻爱与真实的邪恶,可爱又迷人的顶贴角色! 穿梭在贴吧之间的顶贴队!喵~就是这样

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表