网页中文字怎么在在背景图片上环绕?
来源:百度知道 编辑:UC知道 时间:2024/09/24 13:40:13
这是css中的代码
.tsfw_text3{ padding:30px 210px 30px 25px; background:url(../images/pic_tsfw2.jpg) no-repeat 380px 0px; height:1%;}
.tsfw_text3 li{ height:24px;}
这是asp中的代码
<div class="tsfw_text3" >
<ul >
<li><strong>【标题】</strong>文字内容文字内容</li>
</ul>
</div>
哪位朋友可以帮我解决?就是在代码中加什么可以使文字环绕在背景图片上?非常感谢!
.tsfw_text3{ padding:30px 210px 30px 25px; background:url(../images/pic_tsfw2.jpg) no-repeat 380px 0px; height:1%;}
.tsfw_text3 li{ height:24px;}
这是asp中的代码
<div class="tsfw_text3" >
<ul >
<li><strong>【标题】</strong>文字内容文字内容</li>
</ul>
</div>
哪位朋友可以帮我解决?就是在代码中加什么可以使文字环绕在背景图片上?非常感谢!
取消background的定义,图片直接插入到定义tsfw_text3的div中, img单独定义(Div如果不是为了自适应,那么最好定义一下宽度)。
代码:
.tsfw_text3{ padding:30px 210px 30px 25px; height:1%;}
.tsfw_text3 img{margin-top:5px;margin-right:5px;float:left;display:block;}
<div class="tsfw_text3" >
<img src="../images/pic_tsfw2.jpg"/>
<strong>【标题】</strong>文字内容文字内容
</div>
不用搞那么复杂的代码了,用FLASH做就行了.