邀朋友种豆,一起分享吧
喜欢购买正品行货?那就去品牌街

一句CSS实现文章每段首行空两格效果

来自:种豆 时间:2017-12-29 阅读:790次 原文链接
在Html中文章段落标签是P,在P标签中定义空两格的CSS属性(text-indent属性)即可以实现文章每段的首行都空两格。
实现文章每段首行空两格的CSS代码如下:
p{ text-indent:2em; padding:0px; margin:0px; }
其中:text-indent:2em定义了文本缩进2em,em是相对长度单位,在这里你设置的字体大小有多大(px),1em就是多大。这段代码可以控制整个页面的段落缩进,也可以单独控制某个盒子(div)内的段落缩进。
以下是定义名称为content的DIV中的内容,每段首行空两格
#content .divcontent p{padding:0px;margin:0px;text-indent:2em;}

 
关于种豆 ┊ 联系我们 ┊ 免责声明 ┊ 发帖须知 ┊ 请提意见 ┊ 站点地图
本站为个人爱好兴趣分享网站,不代表本人观点,如有侵权请联系QQ3033380280进行处理
sowsoy.com 版权所有 Copyright©2010-2021 备案号:蜀ICP备2020025376号-3
Email:sowsoy#hotmail.com