本文实例讲述了css表头固定样式的方法。分享给大家供大家参考。6 T! L1 U9 }& I j; N$ D8 }" J
具体实现方法如下:4 q% e# Y; ^; u3 ^ N
代码如下:: \) j1 m2 _. L
<style type=text/css>
- E3 L/ @: U/ \- z D/*表头样式*/
" j# j* y! u/ @.scll {: d9 b n! u p6 z, h
position: relative;
2 H9 Q) }6 b3 |( ]top: expression(this.offsetparent.scrolltop);' x; N1 R( c7 M& B2 j
//background: url(../img/tab_15.gif) repeat-x left; B& b& W7 h8 h7 i: y: K1 z. S$ e( N
background-color: #bcf4ec;/ ?4 ~& k( z3 ~7 X; d( M" ^
text-align: center;
9 D! g9 z! m5 F, hvertical-align: middle;
( B: d a4 u; K, @3 h4 ntext-indent: 5px;
" `5 i8 f& O8 D$ Q2 z}
* N* l" ~; y! t4 \" T/*div样式*/
; U- V1 x) K1 M. ~4 w6 y; ]$ A.h_500 {
' q4 ]& ~& w# ]2 o+ xwidth: 100%;
) W) n$ E1 E( j$ n- A& N) L$ _! `# \overflow: auto;
% o3 ^ }, c ?" m+ {4 r+ @; iheight: 80%;/**根据具体的屏幕分辨率调整*/
( P5 z1 `" G4 j$ d6 Wborder: 0px;
8 l% r. |+ T7 ~0 K5 v3 z" _}
I& k9 E9 g( p* J6 [- b4 q) N" w/*细线表格*/
3 ~. b; l" l. s1 m: F9 D.table {- F3 o0 `5 s- X8 N: o$ I. w. {' s% }& z
margin-top: 0px;
; S( j. a8 U" c/ a* \% z# Lmargin-bottom: 3px;. U6 w) w6 x/ A2 r8 M F6 j2 g: f# L
margin-bottom: 3px;
1 e# ~0 w- j4 I6 b9 `border-top: 0px;% I. e9 H/ i7 X1 d% B+ U
border-bottom: 1px solid silver;
: h! T/ L" b" u; b}
* L! `, K1 @- q3 ?</style>$ }% T; p$ s2 w9 j% z4 m3 J. u6 z
希望本文所述对大家的css样式设计有所帮助。' d8 V4 A. [% T K
希望本文所述对大家的web前端设计有所帮助。( U2 M4 q) e: t/ c) K# a- a
( g' k. `: z% f更多网页制作信息请查看: 网页制作 |
|