热点问题
CSS实现文字环绕图片周转的效果代码
文章来源:51网络科技 点击数: 更新时间:2013/4/19 15:11:54
购买国内免备案空间 | 购买香港空间【不限iis】 | 宽屏网站制作【还送手机网站】 |
香港云主机/99元/月 | 国内空间【免费备案】 | 特价网站空间 |
.Net专用空间 | 网站快速排名 | 游戏空间【支持月付】 |
在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢,通过这个例子就能看出。
其实很简单,就是图片浮动位置的调整。
以下是引用片段:
<style>
div {
width:300px;
border:1px solid red
}
img {
float:left;
width:100px;
height:100px
}
</style>
<div>
<img src="/images/logo.gif" />
我要实现左上角是图片,然后就是CSS实现文字环绕图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,
像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,免备案空间像下面的效果图一样。我要实现左上角是图片,然后就是文
字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上
角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。
</div>
国内、香港、美国、全免备案www.51mianbeian.com--51网络科技,专业免备案空间提供商!
- 上一篇:中国互联网下一代大佬会是谁?
- 下一篇:PPS与爱奇艺整合将成难点-百度收购PPS