标准组合

css样式:
<style type=text/css>
: |6 g. R1 N. ~! b% z<!--
*{
margin:0px;
' a* I  N: r" \, Lpadding:0px;
$ Z1 b( G9 e, O, |$ C/ Zborder:0px;
" C  B9 m+ X. T5 r1 p' z7 alist-style-type:none;
font-size:12px;
text-decoration: none;
}
.list{
width: 218px;
border: 1px solid #b0c5e4;
overflow: hidden;
) n; N$ ?5 X/ B# _}
) L( y3 S! e: U; i& o.list .title {
height: 32px;
line-height: 32px;
6 m1 J9 u7 U+ H8 \' jbackground-image: url(images/bg_repeatx.png);
background-repeat: repeat-x;
! c+ B' j: }: m7 Rbackground-position: 0px -164px;
0 E4 c% C' ^+ Q9 }padding-right: 10px;
" M3 u9 v4 n; W% a( ]& r# H& Upadding-left: 5px;
' _, V6 Y/ _% ?/ t  A( Bclear: both;
. V: X/ B, F/ X3 T9 t}
.list .title h4 {
$ W' d/ ^  ]3 i7 Zfont-size: 14px;
7 \; S) @2 X5 D* @font-weight: bold;
) }6 Y4 l; _  g6 j& [' }float: left;
6 w; _1 h! ?6 O1 f  X/ N) Ybackground-image: url(images/icon.gif);
3 U3 j# {6 k) ]" ^background-repeat: no-repeat;
background-position: 0px 10px;
* c2 v% d3 o! Z- F5 Kpadding-left: 12px;
3 p0 ]- c  L: `& n}
.list .title a {
7 G! ]; {4 Q: m( `; tfloat: right;
: x" S- o& `% \. J: ~5 Ucolor: #316ac5;
5 W) f0 n: I$ Q: W3 ]9 q  `}
.list .title a:hover {
float: right;
color: #ff0000;
text-decoration: underline;
}
.list ul {
4 @  R) ]) C  F5 h: Qpadding-bottom: 3px;
( k( S6 x9 H- C# F9 ?% \! C% y2 Iclear: left;
1 B* `! o3 U' C* ~( i7 R3 R* Koverflow: hidden;padding-top:3px;
}
.list ul li{
: U; y1 f- i9 u7 b5 |0 yline-height:25px;
height:25px;
float: left;
width:100%;
margin-left: 3px;
$ L. s* M/ w4 D# z: v1 V+ D* Ddisplay: inline;overflow:hidden;
3 O3 j& x" n! N}
.list ul li a{color:#06c;}
.list ul li a:hover{color:#ff0000;text-decoration: underline;}
7 D: ?! y( ^) m3 W# k.clear{ clear:both; font-size:0px; overflow: hidden;}
4 ~" p& n5 k; L8 w/* clear fix */
.clearfix:after {
content:.;
9 u5 H% I& e0 p; u% p% F. B& Ddisplay:block;
# C2 _9 N7 n! I' d2 |1 T0 n+ Aheight:0;
% e7 ^: S5 C6 _1 bclear:both;
, [) k  j! |& s8 vvisibility:hidden;
}
9 \  e4 p. o* h$ c. Z.clearfix {
display:inline-block;
}
/* hide from ie mac \*/
.clearfix {display:block;}
* v2 K5 l2 n5 P3 u7 e! T7 [/* end hide from ie mac */
: O" @9 J! e/ v* y7 [/* end of clearfix */
2 l  O7 f$ w/ Q  L-->
! z2 A( P2 I  O4 V; }0 R4 Z</style>
* H4 h0 s( `8 g0 s. y5 Z- zdiv代码:
<div class=list>
<div class=title><h4></h4><a href= target=_blank title=>查阅
  Q& l, d! q1 X; Q0 G+ H
更多网页制作信息请查看： 网页制作

晕倒`````不要造我的谣言哦~~小心我打你pp~~嘿嘿~~~~

怎么就没人拜我为偶像那??

老大,我好崇拜你哟

只是本着“看贴（虽然看不懂）回贴，利人利己的中华民族优秀传统美德”，顺便赚点积分。

我去看看 网络上的事 我不是很会 哎

对于这种刚发的帖子，我总是毫不犹豫的顶了。如果火了就是个前排，可以混个脸熟，说不定谁好心就给粉了…稳赚不赔；如果沉了就感觉是我弄沉的，很有成就感，还能捞经验。

估计你是没见识过~` 呵呵

cd:遮~~~~~~

额~哦........偶无语