CSS CSS5Html基础 html入门 CSS基础 CSS入门 CSS Hack CSS特效 CSS模块 CSS知答 CSS工具 CSS技巧 DIV+CSS

 

实例一:
1、CSS代码:.CSS5-a p{ margin:0 auto}
2、HTML代码:

<div class="CSS5-a">
<p>CSS5-a 第一段</p>
<p>第二段<br />第二段第二行</p>
<p>第三段</p>
</div>

3、效果如下:

CSS5-a 第一段

第二段
第二段第二行

第三段

实例二:
1、CSS代码:.CSS5-b p{ margin:30px auto}
2、HTML代码:

<div class="CSS5-b">
<p>CSS5-b 第一段</p>
<p>第二段<br />第二段第二行</p>
<p>第三段</p>
</div>

3、效果如下

CSS5-b 第一段

第二段
第二段第二行

第三段

实例三:
1、CSS代码:.CSS5-c p{margin:0 auto; padding:20px 0}
2、HTML代码:

<div class="CSS5-c">
<p>CSS5-c 第一段</p>
<p>第二段<br />第二段第二行</p>
<p>第三段</p>
</div>

3、效果如下:

CSS5-c 第一段

第二段
第二段第二行

第三段

实例四:
1、CSS代码:.CSS5-d p{ }
2、HTML代码:

<div class="CSS5-d">
<p>CSS5-d 第一段</p>
<p>第二段<br />第二段第二行</p>
<p>第三段</p>
</div>

3、效果如下:

CSS5-d 第一段

第二段
第二段第二行

第三段

返回 css p行高教程:css5.com.cn/css/647.shtml