CSS divcss5Html基础 html入门 CSS基础 CSS入门 CSS Hack CSS特效 CSS模块 CSS知答 CSS培训 CSS切图 CSS工具 CSS技巧 DIV+CSS

 

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

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

3、效果如下:

divcss5-a 第一段

第二段
第二段第二行

第三段

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

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

3、效果如下

divcss5-b 第一段

第二段
第二段第二行

第三段

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

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

3、效果如下:

divcss5-c 第一段

第二段
第二段第二行

第三段

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

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

3、效果如下:

divcss5-d 第一段

第二段
第二段第二行

第三段

返回 css p行高教程:http://www.divcss5.com/rumen/r647.shtml