本文实例讲述了css表头固定样式的方法。分享给大家供大家参考。4 t" I: }4 e5 p7 q, A
具体实现方法如下:
! U9 ?* o0 j/ u% Y8 V# H% G代码如下:( _* {3 i8 g) P, \3 }& \& Y( f
<style type=text/css>
' l$ U/ w& A" b3 Q( D; y7 t. ]/*表头样式*/
/ z: m/ f+ D' ~2 ~.scll {
3 q! t& R& @6 [8 lposition: relative;
! t2 ]7 L0 ?7 K) w' |% \% ]! Ltop: expression(this.offsetparent.scrolltop);0 x4 _" m; k0 w0 d! ~% u. x
//background: url(../img/tab_15.gif) repeat-x left;1 d6 [7 R% q! s1 d+ K, X: B9 a& w
background-color: #bcf4ec;/ ]/ B$ w+ n8 `9 n% ?5 [
text-align: center;/ b+ A+ Z! d8 H# V
vertical-align: middle;) l" J5 @0 Y2 S1 |; v
text-indent: 5px;( e$ ]8 F4 d7 p
}3 T. y. x% y, ^3 p5 X5 ^5 K
/*div样式*/; l; w) P% G) Q% T2 ^% m
.h_500 {* |* m) R1 n \! K, D+ ?+ {
width: 100%;
" r+ ^0 i) ?- W2 n6 E; {; Aoverflow: auto;
2 D; E( C7 q# O5 D- eheight: 80%;/**根据具体的屏幕分辨率调整*/
V0 V" K( o7 x. pborder: 0px;
; @$ d$ [0 K4 q" n' f6 m! D9 O}
; n/ n; q( N6 S. R8 m, U/*细线表格*/
! Q# Y) f4 F) d6 R* M# e.table {; A8 K. X2 E5 o" @
margin-top: 0px;
9 r4 \ x( Q6 }7 ^margin-bottom: 3px;* V/ O( F9 z K4 C7 c
margin-bottom: 3px;' {3 O' i# v; K6 I; {9 V' o3 z
border-top: 0px;
; Z$ E0 f: O2 ?2 Zborder-bottom: 1px solid silver;9 k; v! F0 k: u/ B1 i" Z1 q7 E) ?
}
1 N" ?) u7 x' F0 h) X0 T- _ r</style>
1 x* [# R2 `/ E. Q ^1 {希望本文所述对大家的css样式设计有所帮助。5 a$ d7 c6 x0 B) L
希望本文所述对大家的web前端设计有所帮助。
, [' j0 O" W% ?
' O1 P" l9 y; y1 r3 D3 R1 @: l/ T更多网页制作信息请查看: 网页制作 |
|