主题:5个排版会用到的CSS基础
 楼主 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(点状虚线)。

 

 1 siyu163 发表于2010年12月30日 下午6:38:53

不错不错

 2 lvht03 发表于2011年1月6日 上午9:33:28

很实用

 3 dlw999 发表于2011年1月21日 上午9:13:43

感谢分享

 4 gjqqkk 发表于2011年1月27日 上午9:10:35

学习啦。。。

 5 qq30823 发表于2011年3月7日 上午8:33:43

不错

奇新云平台
切换