css样式:
" u3 H/ M8 r. j, |3 g<style type=text/css>" c3 X( O* i: y, ~2 n; P! L! x
<!--& Z* l- b0 L+ G
*{, r' }) j& @- c u, m, H
margin:0px;
6 Y, m5 o. E9 F/ X! e' Xpadding:0px;
( n0 n6 \& u+ }/ L8 ]. q& v+ @3 Nborder:0px;4 q& M; z @4 g5 ]( ?: I
list-style-type:none;
' f" E- s2 p! Ffont-size:12px;
9 F/ p( _( ^, H' p3 Rtext-decoration: none;3 y4 I& q5 r% U7 H
}
4 ]" r9 D/ d% e9 u: C" R2 r.list{# i# j( h, F5 E) S
width: 218px;
- f6 y4 {- E' X- [- lborder: 1px solid #b0c5e4;4 V/ ^* b: F* Z
overflow: hidden;
5 h' K* o/ i0 f0 s: r A" C1 v" _}/ \# `% z: F9 @
.list .title {0 [$ J! T7 y7 J
height: 32px;2 Y9 @8 G" I9 T& I4 M# U4 T
line-height: 32px;
! h+ W3 {, z X! \% w* E+ Pbackground-image: url(images/bg_repeatx.png);3 N' f( O$ M/ c5 f
background-repeat: repeat-x;5 M. O' j, j- v1 D ~2 J
background-position: 0px -164px;
5 N* u5 B+ Q, w, q Y4 A+ Fpadding-right: 10px;, \4 O) Y1 B. W8 d0 ]% o9 n2 E
padding-left: 5px;. s5 A! V; ?! G# `- |
clear: both;3 U! U( L' y$ p% T) l( G1 ~
}, K7 @* F0 e: z
.list .title h4 {
) I+ w$ f& r- S$ T6 S/ I4 y% I$ kfont-size: 14px;
( H% v& ~. q; H( P( V; l; Ffont-weight: bold;
9 J7 n- w5 R8 b0 q bfloat: left;- |3 U" D3 Q/ Q. C) r" B6 n
background-image: url(images/icon.gif);; f; N& y/ z, }( X5 |
background-repeat: no-repeat;
$ \+ s% P- H: j$ [background-position: 0px 10px;
2 o) o5 v" }. d7 Qpadding-left: 12px;9 [! {1 X/ P$ V' Q0 b+ T. a! n
}! g3 C5 \5 q. C0 u% d( r2 O
.list .title a {2 h) J& C: j4 \
float: right;1 J' y u. s* ` b9 F
color: #316ac5;
9 L; T8 d; P& \3 E$ b; a0 X}
" C; l+ c9 }; A) E.list .title a:hover {7 F: V; [, R) c- }4 \
float: right;- z2 J0 D: M" M2 h# ?7 M% P
color: #ff0000;
0 F, v4 \6 L. S( m9 k6 E, ^text-decoration: underline;- w: F7 p" l( G: F) p3 ^9 D5 z
}) x$ k6 Z3 d( @$ c
.list ul {, N) Z$ e, Y9 O* a2 m5 J! i, O7 V
padding-bottom: 3px;; ^3 h. m# N( H9 R, o. N
clear: left;
3 g& C$ |' i( p! k. r, ?overflow: hidden;padding-top:3px;
( c. z) `: o9 K" L+ z}
5 w3 s+ C4 K" w# L) k.list ul li{
* Q7 M) i+ i) }4 _line-height:25px;# x" r4 g+ R% J+ d
height:25px;
1 C5 k7 b2 |& Y0 ofloat: left;
2 f# @8 n5 e, L5 s2 i hwidth:100%;' J" Z0 p, N4 p7 Y' t0 w6 q. B9 X
margin-left: 3px;
7 c- R1 P6 J& zdisplay: inline;overflow:hidden;
- b) u, L& X: ^- d$ R3 w" P}
" Z8 ^6 y# W i9 d1 B.list ul li a{color:#06c;}
( P8 `. v% B/ |& B. Y4 w# Q5 t.list ul li a:hover{color:#ff0000;text-decoration: underline;}, w. i) h$ n' s5 |9 |( h8 y
.clear{ clear:both; font-size:0px; overflow: hidden;}
! K, H5 Y, o( A- j2 h0 _) E8 B/* clear fix */
1 N, c5 J8 N. G! T [.clearfix:after {( d/ A1 n* g0 \) G) w- `
content:.;
7 Z; u0 K, Z7 L. bdisplay:block;# W% [1 X: M/ N2 E+ x( a
height:0;
3 H$ j; z% n/ _7 p8 |clear:both;! B; z! P# M0 s
visibility:hidden;
6 G; N2 W) O. y! K! O2 S+ \}
7 @( ?/ r; |5 \" c" ?) r.clearfix {/ `8 F2 @" F* C5 l& @% [8 I6 I7 |* ]
display:inline-block;
% ~* O' g" Q2 X! @. ^}- A6 R) M1 o/ _" ?9 E
/* hide from ie mac \*/3 S3 A# l- F h; T# D
.clearfix {display:block;}
$ y- S" m6 x& J5 W1 z/* end hide from ie mac */
$ o F! @2 T+ \ K' W: g5 o( r/* end of clearfix */6 J: ?/ L" c+ W0 W
--> X P/ k# x1 Q4 J
</style># @1 v; x: ], ?8 J
div代码:
$ k8 ^1 w0 {3 o<div class=list>' K$ o- l6 w3 z/ a
<div class=title><h4></h4><a href= target=_blank title=>查阅
* i" y8 p4 D5 n5 R5 W, _9 Y: V6 {) w Z) Y& }; o
更多网页制作信息请查看: 网页制作 |