• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 企业邮局
• 网站优化
• 网站备案
• 服务器租用
• 其它服务

域名注册

• 域名相关知识及购买
• 中文域名问题
• 网址URL转发
• 转入转出及过户
• 域名交易

虚拟主机

• 虚拟主机相关知识
• 域名解析
• 网址URL转发
• 转入转出及过户
• 域名交易

网站建设

• 网站建设相关知识
• 域名解析
• 网址URL转发
• 转入转出及过户
• 域名交易

企业邮局

• 域名相关知识及购买
• 域名解析
• 网址URL转发
• 转入转出及过户
• 域名交易

网络营销

• 百度竟价排名
• 网站制作知识
• 网址URL转发
• 转入转出及过户
• 域名交易

网站备案

• 域名相关知识及购买
• 域名解析
• 网址URL转发
• 转入转出及过户
• 域名交易

服务器租用

• 服务器相关知识
• 域名解析
• 网址URL转发
• 转入转出及过户
• 域名交易

• 您的位置：创新互联 >> 网站建设 >> 网站制作知识 >> html文字环绕图片 网站编辑文字环绕图片

网站制作中html css文字环绕图片编辑

• 王虎 文章来源：网站建设 点击数：1624 更新时间：2011-10-11
• 网站制作建设好了，在网站后台加资图有时要排成文字环绕图片的版式。对于一般的网站设计制作人员肯定没问题，但网站编辑或是普通人员来说要实现这个的网站显示排版就有一定的难度了。现在创新互联成都专业网站建设公司给大家说一种方法让不是网站设计制作人员也可以实现。
  1、文字环绕图片，你先加要加入网站的文字打进去。然要插入网站要的图片，大小先处理好。这时在代码中有 <img src="图片路径" /> 我们要做的就是在图片中写入css样式去控制它 style="FLOAT:left; MARGIN-BOTTOM:10px; MARGIN-RIGHT: 20px" 完整的是 <img src="图片路径" style="FLOAT:left; MARGIN-BOTTOM:10px; MARGIN-RIGHT: 20px"/> 就实现图片左浮动，文字离图片下方距离10px，离右方20px距离。为的是文字在环绕图片时有一定的缝隙。
  
  按照上面的代码我们还可以写:
  其中:
  FLOAT: left 图片在文字左边
  FLOAT: right 图片在文字右边
  
  MARGIN-BOTTON控制图片底部与文字的距离；
  MARGIN-RIGHT控制图片右边与文字的距离。
  margin-left:15px控制图片左边与文字的距离。
• 上一篇文章：如何让网站建设更完美
  下一篇文章：网站建设中怎样提高网站的可信度