标准组合

css样式:
<style type=text/css>
9 D4 U, R( k0 T: J<!--
*{
margin:0px;
1 Z0 ~% V9 K  M" V/ M  vpadding:0px;
border:0px;
+ }2 ^+ B1 d1 Q0 x. @list-style-type:none;
2 c+ A9 K+ r2 ~; Zfont-size:12px;
text-decoration: none;
}
3 T: p2 m* P, K  B! Q& w7 {.list{
# R) a; K7 A0 t4 ?% N) Awidth: 218px;
9 n- \9 C2 R* ^* Nborder: 1px solid #b0c5e4;
% |8 V% M( ]1 woverflow: hidden;
, y$ K. Y1 Z1 S2 [}
8 z1 n/ ?+ W) J2 X( F" ~5 L.list .title {
9 g9 D0 D; x# y6 U+ S0 ^height: 32px;
line-height: 32px;
background-image: url(images/bg_repeatx.png);
1 ?! P) l% L, n5 b+ R; f: _background-repeat: repeat-x;
) `9 V* L8 R' ~# G/ e- Hbackground-position: 0px -164px;
# U: d* k, E2 Y3 @0 n  ^; v* w" I$ `padding-right: 10px;
- u5 S2 j3 ]5 z6 O: ?; H7 M# Ppadding-left: 5px;
clear: both;
}
  {9 o" N' j7 v4 {.list .title h4 {
  m) J8 a3 u* h5 K" Rfont-size: 14px;
font-weight: bold;
float: left;
background-image: url(images/icon.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 12px;
6 M7 G& O+ g- K, Y" k# B}
: V6 b4 ]* n: s  [5 Z5 |' I.list .title a {
2 ?+ ]& B% l; X* e7 ]float: right;
color: #316ac5;
}
.list .title a:hover {
float: right;
) }4 V2 c; W' x  H7 a2 s$ ?% ccolor: #ff0000;
, K3 p  o& \3 ~# X, O% y: \* itext-decoration: underline;
& h  @4 I; w' f- f1 V' Z}
+ ]$ C4 t5 [# e  X7 D.list ul {
padding-bottom: 3px;
clear: left;
- U# M2 \4 {- ]7 e8 a7 G- xoverflow: hidden;padding-top:3px;
$ j; _3 c0 {" }  `8 v}
3 U0 _# J# b) n+ T& u.list ul li{
8 H- W7 J* a6 i% s  m# @) ~% v+ {line-height:25px;
height:25px;
9 t, a4 O7 K6 }( Rfloat: left;
* V- o5 x; Q8 H8 Fwidth:100%;
* j8 q5 k' _; g  Mmargin-left: 3px;
display: inline;overflow:hidden;
5 B4 `: r# ^6 t, r, f/ q3 M}
.list ul li a{color:#06c;}
.list ul li a:hover{color:#ff0000;text-decoration: underline;}
.clear{ clear:both; font-size:0px; overflow: hidden;}
/* clear fix */
, H5 r( d- W; O9 x, s4 s.clearfix:after {
content:.;
9 U2 ~2 W3 f& d+ e1 Mdisplay:block;
  p8 _$ K$ |/ y8 ^7 c2 V; r: m9 yheight:0;
4 _9 s' o5 L. F7 s- K1 Vclear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* hide from ie mac \*/
* L: O/ C+ ~8 |* p.clearfix {display:block;}
% _: Q- b# |; T5 H7 l1 J9 K3 X/* end hide from ie mac */
% z. o# c5 v) G1 b7 P, Z1 }/* end of clearfix */
-->
& n2 {" b% `& M. H; X</style>
div代码:
<div class=list>
) O! I+ t! q# l2 f1 n/ Q/ K; G<div class=title><h4></h4><a href= target=_blank title=>查阅
' g& y; `* Q( i. I; o
更多网页制作信息请查看： 网页制作

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

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

老大,我好崇拜你哟

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

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

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

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

cd:遮~~~~~~

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