一个80后网站前端设计和平面设计师的小站
您现在的位置:首页 > 建站基础 > 程序代码 > CSS样式之首行缩进和字间距设置

CSS样式之首行缩进和字间距设置

编辑:文轩小站发布于:2020-02-16 10:15:34程序代码人浏览

摘要:我们在做网页设计的时候,有时候需要对段落或者一行文字在前面空2个字符,这就是也叫段首缩进,还有一个我们不常用的是有时候会有需要对字间距做调整,让字与字之间有更宽点的间距,这就是字间距。

         我们在做前端页面代码设计中,有时候会偶尔需要对段落文字和一行文字做段首缩进和字间距调整,为了方便大家查看和使用,这里给大家整理一下,供大家参考。

         段落首行缩进:text-indent 和 字间距:letter-spacing 这两个属性做设置,就需要我们用CSS设置进行控制,一般在CSS样式文件里进行设置。

text-indent : 20px;   表示段落首行缩进了20px;
letter-spacing:8px;   表示每个字与每个字间距为8px;

当然这个属性设置的单位可以设置有其它的,比如说em等,这样我们就可以很简单的使用css来设置字间距、字符间距、字体间距、段落开头缩进,分别使用了letter-spacing(字间距设置)、text-indent(段落首行缩进)。

标签: 段首缩进样式  字间距样式  

打赏赞助本站

  • 如果你觉得本站很棒,对您有所帮助,可以通过扫码打赏赞助本站哦!我也会努力做好本站哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:你说多少就多少~