* {
margin:0;
padding:0;
}
body {
background:#fff;
}
#wrap {
width:502px;
margin:10px auto 0 auto;
}
#wrap dl {
width:480px;
margin-bottom:8px;
padding:8px;
border:1px solid #ddd;
}
#wrap dl dt {
float:right;
width:366px;
height:22px;
}
#wrap dl dt a {
font-size:13px;
font-weight:800;
color:#06c;
text-decoration:none;
}
#wrap dl dt a:hover {
text-decoration:underline;
}
#wrap dl dd.pic {
float:left;
}
#wrap dl dd.pic a {
display:block;
border:1px solid #ddd;
}
#wrap dl dd.pic a img {
width:100px;
height:86px;
margin:2px;
border:0;
}
#wrap dl dd.pic a:hover {
border:1px solid #999;
}
#wrap dl dd.text {
float:right;
width:366px;
font-size:12px;
line-height:19px;
color:#666;
text-indent:2em;
}
#wrap dl dd.links {
float:right;
width:366px;
margin-top:-6px;
text-align:right;
}
#wrap dl dd.links a {
font-size:12px;
line-height:15px;
color:#06c;
text-decoration:none;
}
#wrap dl dd.links a:hover {
text-decoration:underline;
}
#wrap dl:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
-
图文并排好方法
-
- 这个方法确实不错,排版也很漂亮,本CSS代码来自52CSS哦,再次推荐一下52CSS算是我的CSS启蒙老师,那时候不会就天天上去看资料,不会写就天天看CSS样式表…
- 来自52CSS 点击访问
-
图文并排好方法
-
- 这个方法确实不错,排版也很漂亮,本CSS代码来自52CSS哦,再次推荐一下52CSS算是我的CSS启蒙老师,那时候不会就天天上去看资料,不会写就天天看CSS样式表…
- 来自52CSS 点击访问
实例图：
扫一扫
3531
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
