标准组合

css样式:
" b+ @& c" i8 e9 z, y<style type=text/css>
& U6 o# S" o' n, V! ^: C. e<!--
*{
3 U0 x/ h5 U8 Y* ^' kmargin:0px;
5 H; c/ D$ Y2 v  d+ S+ C" rpadding:0px;
border:0px;
6 B8 g% a0 s0 E/ J: d: {9 |list-style-type:none;
font-size:12px;
1 @4 x+ }/ D- C/ q" Btext-decoration: none;
}
.list{
0 v" W* A5 x: C) Z0 L5 p& uwidth: 218px;
border: 1px solid #b0c5e4;
overflow: hidden;
: k1 ^4 o5 h7 S1 Y1 ~}
.list .title {
- O& R/ ~& S0 k/ P/ h3 v- qheight: 32px;
line-height: 32px;
. K! a" d/ y" a& w7 A  Kbackground-image: url(images/bg_repeatx.png);
  Y: h4 f& W0 Q: U' ^/ h, ]background-repeat: repeat-x;
* V1 u0 H7 [% bbackground-position: 0px -164px;
padding-right: 10px;
: |$ L+ r! G: m& X8 `# xpadding-left: 5px;
8 p/ V7 R4 ~* Rclear: both;
# b+ S! f9 A1 d! e}
  Y4 K4 i8 h8 ~9 d.list .title h4 {
font-size: 14px;
; q6 T, {" C% ]! \4 w/ w) rfont-weight: bold;
float: left;
background-image: url(images/icon.gif);
0 I: Y* V! l1 U2 qbackground-repeat: no-repeat;
& v8 P( R: G* _4 F% H# Ubackground-position: 0px 10px;
padding-left: 12px;
+ X4 v* n. n  |: }1 @5 v4 z. M. n}
.list .title a {
+ P+ v% ~- t" Z# `) O6 p# }float: right;
& s- r% _8 C8 Q( a, c1 F) {color: #316ac5;
) A% B4 b( m2 p% _4 f4 z}
.list .title a:hover {
float: right;
color: #ff0000;
text-decoration: underline;
; `. x9 k; Q; {' ~  O( Q8 C}
.list ul {
( l3 z/ H4 F4 A  G/ }8 Rpadding-bottom: 3px;
clear: left;
overflow: hidden;padding-top:3px;
! y: Q0 u; ~0 f9 T# l& d& Z}
.list ul li{
line-height:25px;
, z4 Y) z# h5 V9 N. u, Q7 zheight:25px;
float: left;
- _# b2 [: ]: J( W; Uwidth:100%;
margin-left: 3px;
( |. @) K/ t4 ~* a+ O5 ]display: inline;overflow:hidden;
. Y9 N' K7 Q& }}
.list ul li a{color:#06c;}
.list ul li a:hover{color:#ff0000;text-decoration: underline;}
$ |7 `4 D% i/ X+ i7 V9 p.clear{ clear:both; font-size:0px; overflow: hidden;}
/* clear fix */
.clearfix:after {
; t$ Z( p  y& ]2 C# y: A: Wcontent:.;
7 z* w, H" P" Odisplay:block;
height:0;
" U9 x& d5 X+ M9 \) G) I& pclear:both;
visibility:hidden;
. V( I$ n0 S( v( E3 Z& b}
.clearfix {
display:inline-block;
}
/* hide from ie mac \*/
.clearfix {display:block;}
/* end hide from ie mac */
/* end of clearfix */
& ^! G+ v& N+ R" J2 o-->
5 \+ F- e. @% u: G+ X- ~</style>
div代码:
<div class=list>
<div class=title><h4></h4><a href= target=_blank title=>查阅

( A7 b3 W' O; W$ H8 Y0 w更多网页制作信息请查看： 网页制作

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

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

老大,我好崇拜你哟

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

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

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

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

cd:遮~~~~~~

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