本文实例讲述了css表头固定样式的方法。分享给大家供大家参考。
0 @ y; U1 U& K( k3 n' ]3 K/ }* S. d具体实现方法如下：
! I8 Z$ R) |% k0 U% s) O代码如下:0 p1 j9 {8 U0 t
<style type=text/css>
7 K9 x0 [; F5 O8 m# j. n/*表头样式*/
0 g! w" |/ c7 e- C6 l# r4 f.scll {
y. A5 `* y2 L4 P' M4 u9 A6 Q) qposition: relative;
M b6 J* j# b: g% }8 ]! Utop: expression(this.offsetparent.scrolltop);
! \$ ^) l; o! J9 G9 y' t: G//background: url(../img/tab_15.gif) repeat-x left;
, U% R# Y' [1 @ S' F Gbackground-color: #bcf4ec;+ i6 P- J k) N) T4 C4 u1 h: b7 ^& {
text-align: center;4 H& i* \6 F5 Q
vertical-align: middle;
8 I, i! C$ y ~) J# ?4 [- ]- dtext-indent: 5px;% E3 o7 a: y; W5 ]
}
+ K0 m/ r% i9 V2 {# W' G/*div样式*/* O3 P# d; y0 _% K
.h_500 {9 D! E8 T# P0 k+ A p' ^
width: 100%;3 B. w, S( C: t2 L# Y
overflow: auto;
% s: s0 ?( H' e K# Vheight: 80%;/**根据具体的屏幕分辨率调整*/' p. q% l( B2 T, m
border: 0px;6 m7 X: u0 }# ^# r( h
}
% p3 g, R2 @- C) z: r& B/*细线表格*/( M9 p9 V E/ @- X: L) j! J
.table {
! h Z) i$ d& Dmargin-top: 0px;
2 A1 o5 j0 q W/ [3 Kmargin-bottom: 3px;4 [$ I) W$ s- |. w9 J, H
margin-bottom: 3px;! b) v3 }9 P3 ] N; [( f
border-top: 0px;9 o- N; [& ^' w
border-bottom: 1px solid silver;
9 s& s, l s" O% U8 m; R. A$ d}# ? c& E' H2 q" K9 S1 f
</style>7 l4 O; B8 j- k! m! i8 n' |
希望本文所述对大家的css样式设计有所帮助。0 p/ A: L K% k! Q& u2 l+ @
希望本文所述对大家的web前端设计有所帮助。$ O9 s1 v/ z5 L8 g
% s1 l& t6 y! q+ I2 g9 [更多网页制作信息请查看： 网页制作 |
|
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
