您所在的位置为:建站知识>>建站知识-网站设计制作>>正文

【CSS】如何用CSS来实现图文混排

时间: 2010-06-28 14:53 字号:|| 点击:
<html>
<head>
<style type="text/css">
img
{
float:right;
margin:0px 0px 15px 20px;
}
</style>
</head>
<body>
<table width="600" border="0">
<tr>
<td><p>
<img src="file:///D|/鼎源软件/常用小图/联系我们/lianxi1.gif" width="60" height="40">
网站宝收费版采用以服务的方式按年收取(Software As A Service), 是集域名、空间、数据库、邮箱、建站软件和网站美工设计于一体的一站式专业网站服务。可集成邮件群发、短信、网络传真、在线客服和在线支付等网站常用功能。网站宝同时提供免费网站服务,用户可以体验使用网站宝的各项功能,并通过插入关键字广告的方式和网站主分账,即在获得免费网站服务的同时,还有机会赢得收入。网站宝服务面广,四年来为多种行业、不同类型超过5000家企业和组织建设和维护网站,其中有政府机关、事业单位、社会团体、行业协会,也有生产、加工制造企业、贸易公司零售商铺,以及律师事务所、咨询机构和货运代理等服务机构,甚至个人也在用网站宝制作、维护个人网站。只要会用电脑上网浏览信息和收发邮件,就可以自行选择自己喜欢的精美模板,发布信息,建立并维护网站。</p></td>
</tr>
</table>
</body>
</html>
具体效果如下:

在上面的段落中,图像会浮动到右侧。我们还为图像添加了边距,这样就可以在文本和图像之间产生一定的边距和环绕效果。上和右外边距是 0px,下外边距是 15px,而图像左侧的外边距是 20px。如果想把图像居左对齐,只需要将float:right;改成float:left;即可。

 

收藏   打印   关闭 上一篇: 【CSS】如何用CSS来设置外间距 下一篇: 【CSS】如何把图像设置为页面或表格的背景

底部导航

新手上路 付款方式 常见问题 服务支持 关于网站宝
注册建站账户 在线支付 关于网站备案 建站热线:400 696 0848 网站宝介绍
在线免费建站 银行转账 如何解析域名 在线咨询留言 网站地图
建站视频教程 来公司付款 建站价格费用 建站服务申请 加入网站宝
建站图文教程 上门收款 做网站流程 投诉电话:021-61659662 合作与渠道
升级到收费版 邮局汇款 怎样网站推广 帮助中心 QQ群:103611961 联系方式