首页
|
互联网
|
IT动态
|
IT培训
|
Cisco
|
Windows
|
Linux
|
Java
|
.Net
|
Oracle
|
软件测试
|
C/C++
|
嵌入式开发
|
存储世界
|
服务器
网络设备
|
IDC
|
安全
|
求职招聘
|
数字网校
|
网页设计
|
平面设计
|
技术专题
|
电子书下载
|
教学视频
|
源码下载
|
搜索
|
博客
|
论坛
网页设计
Dreamweaver
|
Flash
Fireworks
|
Frontpage
HTML/CSS
|
Javascript
平面设计
Photoshop
|
CorelDraw
AuotoCAD
|
Illustrator
Freehand
多 媒 体
3DMax
|
Authorware
Director
|
Maya
工具软件
PP点点通
|
迅雷
|
BT
eMule
|
FlashGet
|
Nero
Ghost
|
Outlook
|
IE
Maxthon
|
Office
即时通讯
QQ
|
MSN
|
网易泡泡
Skype
|
雅虎通
|
新浪UC
最新文章
您现在的位置:
中国IT实验室
>>
网页设计
>>
HTML及CSS布局教程
>> 正文
用CSS实现文字环绕图片的效果
中国IT实验室收集整理
2008-8-5
佚名
保存本文
推荐给好友
收藏本站
◆ 网页平面多媒体培训、认证考试免费咨询热线:
400-700-5807
进入网络咨询平台
◆
具体实例代码,
我们在做布局的过程中常常遇到文字围绕图片的效果。如何用
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>
提示:您可以先修改部分代码再运行
【责编:snow】
相关产品与培训
相关文章
推荐文章
CSS打造阴影文字
CSS打造兼容IE与Firefox的透明DIV提示框
CSS三栏布局中最先显示中栏的方法
CSS中最小高度(min-height)的妙用
纯CSS制作简洁的垂直导航
用CSS制作隐藏菜单
纯CSS制作下拉导航菜单
仅用css编写无限分级弹出菜单
用CSS实现表单form布局
在Dreamweaver中编写CSS需要掌握的技巧
文章评论
精彩友情推荐
Asp源码
PHP源码
IDC资讯大全
CGI源码
JSP源码
机房品质万里行
建站书籍教程
IDC托管必备知识
服务器软件
.net源码
全国IDC报价
建站工具软件
网站推广优化