-
楼主
llhklzy 发表于2010年12月30日 上午9:49:58
-
-
- 5个排版会用到的CSS基础
1. 首行缩进
<p style="text-indent:2em;">你的内容</p>
2. 图文混排
在下面的代码中,把float设置成left,图片会显示在左边,而right则显示在右边,而margin-right是为了不让文字和图片贴在一起需要写的,如果你设置的是float:right,应该是把 margin-right改成margin-left:
<img style="float:left;margin-right:15px;" src="图片地址" alt="图片说明" />
3. 设置背景色
<p style="background:#faf7e8;border-top:1px dotted #a3a3a3;border-bottom:1px dotted #a3a3a3;text-align:center;">
4. 让文字居中
如上例,只要在代码中加入text-align:center,就可以让文章在容器的宽度内水平居中。OH,容易哦?!
5. 显示一个边框
边框我们会用到border,添加一个边框,只要加上style="border:1px dotted #080;"1px代码边框的大小,而dotted是边框的样式,常用的样式用三个:solid(实边) dashed(虚线) dotted(点状虚线)。