贵州新华温馨提示:今天是2008-10-21
设为首页
加入收藏夹
新华电脑教育网
安徽新华
|
北京新华
|
南京新华
|
山东新华
|
湖南新华
|
河南新华
|
陕西新华
|
武汉新华
江西新华
|
四川新华
|
重庆新华
|
云南新华
|
徐州新华
|
山西新华
|
河北新华
|
辽宁区域
网站首页
|
学院简介
|
新闻中心
|
TC精英
|
365计划
|
3090半年
|
学院视频
|
校园动态
|
学习园地
|
考试认证
|
在线报名
|
在线答疑
学习园地
用CSS实现文字环绕图片的效果
发布时间:2008-08-13 发布人:贵州新华电脑学院 阅读次数:
具体实例代码,
我们在做布局的过程中常常遇到文字围绕图片的效果。如何用
CSS
实现文字环绕图片的效果呢,通过这个例子就能看出。其实很简单,就是图片浮动位置的调整。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <style> div { width:300px; border:1px solid red } img { float:left; width:100px; height:100px } </style> <div> <img src="/logo.gif" /> 我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边, 像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文 字环绕在图片的右边,像下面的效果图一样。我要实现左上角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。我要实现左上 角是图片,然后就是文字环绕在图片的右边,像下面的效果图一样。 </div>
提示:您可以先修改部分代码再运行
入学答疑
电话:0851-5778999
QQ:
学校地址:
贵阳市五眼桥桃园路67号
乘车路线:
火车站直走至省体育馆乘62路、36路、39路至五眼桥站下车;客车站乘36路至五眼桥站下车
贵阳地区
联系人:魏坤老师
联系电话:13985184020
遵义地区
联系人:吴德芬老师
联系电话:0852-8827935
铜仁地区
联系人:余龙老师
联系电话:0856-5220201
六盘水地区
联系人:曹宣老师
联系电话:15085856345
Copyright @ 2006--2009 贵州新华电脑学院 [www.gzxinhua.com]
Copyright Gzxinhua Computer College All rights reserved
黔ICP备05000072号
地址:贵阳市五眼桥桃园路67号 邮编:550002 总机:0851-5778999