标准组合

css样式:
<style type=text/css>
<!--
*{
5 u. @2 B% A8 y7 i, Xmargin:0px;
padding:0px;
border:0px;
list-style-type:none;
0 ^7 v1 {+ O% l; ]font-size:12px;
text-decoration: none;
}
.list{
width: 218px;
border: 1px solid #b0c5e4;
overflow: hidden;
5 j2 Z! k9 H+ g$ ]}
.list .title {
* s+ b* i9 s: ]; U) m$ `" ?& d( ?height: 32px;
line-height: 32px;
background-image: url(images/bg_repeatx.png);
background-repeat: repeat-x;
background-position: 0px -164px;
! s4 Z& @! C& t; mpadding-right: 10px;
padding-left: 5px;
clear: both;
}
' {: e- f* s  K! l, I. ^# x, h.list .title h4 {
font-size: 14px;
8 M  [! S0 B& a/ Ifont-weight: bold;
float: left;
$ n/ u  E3 f( t% f4 y/ _background-image: url(images/icon.gif);
8 E4 F0 s1 ~, `  ]background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 12px;
}
.list .title a {
4 y  c+ [8 a, N- V: Wfloat: right;
& }* N/ V) c- X& p0 Qcolor: #316ac5;
$ O5 `' c2 J" K  G. k: J}
.list .title a:hover {
' A- h; B4 `' R$ T& l2 {6 Dfloat: right;
. b# y6 B; |4 W6 g) Pcolor: #ff0000;
1 o% L/ f, T; `text-decoration: underline;
}
! ?+ o6 L! @3 O.list ul {
padding-bottom: 3px;
clear: left;
overflow: hidden;padding-top:3px;
}
3 G+ Q9 H% Q! o4 M.list ul li{
8 l1 J' m. s7 J7 p  Fline-height:25px;
height:25px;
  D* B& |' ^0 ]# l: C" y0 m$ hfloat: left;
; ?! q4 \* u9 U) f; Lwidth:100%;
- Z, L, A! s4 {7 j! Kmargin-left: 3px;
display: inline;overflow:hidden;
9 }) T  i6 u3 \}
.list ul li a{color:#06c;}
7 N: S* l- c- D1 A.list ul li a:hover{color:#ff0000;text-decoration: underline;}
.clear{ clear:both; font-size:0px; overflow: hidden;}
/* clear fix */
.clearfix:after {
content:.;
/ }$ I7 ^3 T+ j( \# k( P& Jdisplay:block;
height:0;
. Z) |  L( p# n" I7 k' k4 w- Jclear:both;
visibility:hidden;
: K" N4 w- j7 `" T  a( Q' L}
$ n6 r4 x  x7 ^! s& p0 G. t.clearfix {
7 u- g: f+ T. ~% Z* y( zdisplay:inline-block;
9 S4 L! Q6 L, J1 h* p! b% Q, x}
/* hide from ie mac \*/
+ P" T. G, @0 i8 f! W" x# }.clearfix {display:block;}
) _, _! y! O' S1 t& }: |4 _/* end hide from ie mac */
/* end of clearfix */
( R: f- p6 T8 J2 C7 ^. o# k-->
) x9 Y5 }% \- G+ {: O" P5 _</style>
7 D# O( M. F$ O: p1 odiv代码:
<div class=list>
4 c5 k+ Z" _  K  v$ N4 M<div class=title><h4></h4><a href= target=_blank title=>查阅

0 ?# b; t4 S: ^1 {/ J& R  X更多网页制作信息请查看： 网页制作

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

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

老大,我好崇拜你哟

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

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

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

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

cd:遮~~~~~~

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