p上下间距CSS HTML实例

2019-10-09 郑州网站建设  

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>p段落高下间距隔断配置实例 CSS5</title> <style> .abc{ line-height:20px; text-align:left} .p-a p{ margin-top:30px; margin-bottom:30px} .p-b p{ margin-top:60px; margin-bottom:60px} </style> </head> <body> <div class="abc"> <p>第一段</p> <p>第二段</p> <p>第三段</p> <p>第四段</p> </div>

<div class="abc p-a"> <p>第一段</p> <p>第二段</p> <p>第三段</p> <p>第四段</p> </div>

<div class="abc p-b"> <p>第一段</p> <p>第二段</p> <p>第三段</p> <p>第四段</p> </div> </body> </html>


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/3193.html转载请标明出处,谢谢合作!
标签:
  • css
  • HTML
  • Doctype
  • 实例
  • 间距
  • 上下