标准组合

css样式:
, K2 H9 f  E7 z! k# E<style type=text/css>
& }/ \% z7 U, A7 y7 C" J: j<!--
! g2 q" Z+ H: K5 R* j5 B*{
$ v1 O% X% y- ^  amargin:0px;
padding:0px;
& C- B, c/ n. P8 w6 Hborder:0px;
3 y  A' ^' n% A& D9 slist-style-type:none;
font-size:12px;
! {7 A8 V- H4 i# S. Q; ^/ G1 itext-decoration: none;
+ V2 j0 z* F7 z* D, j}
.list{
width: 218px;
border: 1px solid #b0c5e4;
overflow: hidden;
8 \1 t# l4 d0 j) U}
.list .title {
height: 32px;
& K" v( @# P% ~/ Fline-height: 32px;
background-image: url(images/bg_repeatx.png);
background-repeat: repeat-x;
background-position: 0px -164px;
- s3 V( \+ @/ z: A, @' x' Dpadding-right: 10px;
padding-left: 5px;
8 i/ r, `# c; a1 m1 Lclear: both;
: }2 T+ P; z8 X$ z" ^}
. `. m* A: ?) t9 \5 G2 U.list .title h4 {
' `0 V& f; J( qfont-size: 14px;
font-weight: bold;
$ b) A$ c9 U% V" `' bfloat: left;
* e" f/ q* @( H1 {2 s1 V2 a( Mbackground-image: url(images/icon.gif);
background-repeat: no-repeat;
- F7 s% c; V4 @2 xbackground-position: 0px 10px;
; ~: X2 F1 j( Z" j0 }# Wpadding-left: 12px;
1 a! Z0 Q" g2 |2 {}
7 z9 K0 R- Z" b5 \5 ~.list .title a {
5 q& v- s& `2 Q8 z7 k& bfloat: right;
color: #316ac5;
}
5 r$ j1 f: j: E.list .title a:hover {
float: right;
" G6 ~) y/ O  C9 ^color: #ff0000;
text-decoration: underline;
3 G4 w; u$ [4 K5 j. C. @9 @, G}
. G7 X' @1 q: N" D# x5 p: m.list ul {
& _' ?* h; D; Hpadding-bottom: 3px;
. g  z- c& H: l8 x/ o% K# O6 @clear: left;
5 b- F& m6 r. e. I7 Moverflow: hidden;padding-top:3px;
}
.list ul li{
line-height:25px;
/ ^! g% ?: J- ~& B1 `$ m& Rheight:25px;
float: left;
) y2 m) r6 L4 Twidth:100%;
+ J1 s6 J% @, r" C  g/ i; @margin-left: 3px;
. D4 s; A  n* `4 _- f% W2 fdisplay: inline;overflow:hidden;
( p  M9 X: X# V7 {8 ^# ?. P- N}
$ e$ }# P/ v: h, p" @. i$ a.list ul li a{color:#06c;}
5 i. D5 t1 M/ e( ?.list ul li a:hover{color:#ff0000;text-decoration: underline;}
.clear{ clear:both; font-size:0px; overflow: hidden;}
8 \3 c, r1 G+ ~4 m1 R: U& q/* clear fix */
1 l( I2 J$ ~4 e" ?( H: C) I6 K.clearfix:after {
- S/ j' A5 Q2 s1 `content:.;
9 a7 \! M! B) i! \' P  J0 m0 edisplay:block;
height:0;
clear:both;
# d* _7 R8 E; O$ _6 D, Zvisibility:hidden;
7 U0 E) c' Q' J. J) N% Z}
.clearfix {
display:inline-block;
}
. M- g1 `7 K% }/* hide from ie mac \*/
8 `. d( d# c" i* G1 Y& Z.clearfix {display:block;}
/* end hide from ie mac */
1 h: t/ B2 W4 B4 K* J5 g2 C5 {/* end of clearfix */
-->
7 |4 @; q2 M2 L/ z" s</style>
div代码:
! j* [% `* B- M$ a: _6 o' _<div class=list>
$ G' Q, z4 @7 @9 g; q<div class=title><h4></h4><a href= target=_blank title=>查阅
- ^4 O+ [+ C$ P* H8 g
更多网页制作信息请查看： 网页制作

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

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

老大,我好崇拜你哟

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

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

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

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

cd:遮~~~~~~

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