div+css中怎么实现左边是图,右边是文字。
1、元素必须要有宽度。需要用float。
2、float可以加在盒子上,也可以加在你需要浮动的元素上。考虑整体的效果和可读性。
3、参考代码
<div class="introduce">
<div class="introduce-l"></div>
<div class="introduce-r">
<h3></h3>
</div>
</div>
===============================================
.introduce{width:1000px; height:270px; margin:0 auto}
.introduce-l{width:594px; height:270px; background:url(../images/introduce.jpg) no-repeat; margin:20px 30px 30px 20px; float:left}
.introduce-r{float:left;}
.introduce-r h3{padding-top:10px;}
.introduce-r p,span{height:55px; line-height:22px; width:286px; font-size:14px;}
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:132
阅读量:107
阅读量:146
阅读量:137
阅读量:23