div css经典布局实例,div+css布局实例:常用图文混排(一)--腾讯图文 - 蜗爱CSS

code.gif Example Source Code

body{                    /*公共样式*/

margin:0;

padding:0 0 12px 0;

font-size:12px;

line-height:22px;

font-family:"宋体","Arial Narrow";

background:#fff;

}

div{

overflow:hidden;

}

form,ul,li,p,h1,h2,h3,h4,h5,h6{

margin:0;

padding:0;

}

img{

border:0;

}

ul,li{

list-style-type:none;

}

a{

color:#333;text-decoration:none;

}

a:hover{

color:#bd0a01;text-decoration:underline;

}

.imgArea{

width:350px;

height:108px;

}

.imgRArea{

width:222px;

float:left;

padding-top:4px;

}

.imgLAreapic{

float:left;

width:128px;

height:90px;

padding-top:2px;

text-align:center;

}

.imgLAreapic img{

width:115px;

height:70px;

border:#dddddd 1px solid;

margin-bottom:2px;

}

.imgLAreapic a.t{

display:block;

width:117px;

height:21px;

margin:0 auto;

font-size:12px;

color:#333;

line-height:20px;

background:#f1f1f1;

}

.imgRArea li{

padding-left:12px;

width:222px;

height:22px;

line-height:22px;

font-size:14px;

background:url(http://www.woaicss.com/works/pic/skin1v3.png) no-repeat;

overflow:hidden;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值