div+css中怎么实现左边是图,右边是文字。

作者:哈哈小脸 | 创建时间: 2023-03-24
div+css中怎么实现左边是图,右边是文字。...
div+css中怎么实现左边是图,右边是文字。

操作方法

1.元素必须要有宽度。需要用float。

2.float可以加在盒子上,也可以加在你需要浮动的元素上。考虑整体的效果和可读性。

参考代码 <div class="introduce"> <div class="introduce-l"></div> <div class="introduce-r"> <h3></h3> <p></p> </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;}

点击展开全文

更多推荐