AI智能
改变未来

CSS基础——文本属性,文字魅力


color 属性用于定义文本的颜色
text-align 属性用于设置文本内容的水平对齐方式
text-decoration 修饰文本
text-indent 文本缩进
line-height 设置行间距

设置文本颜色

color

p{color:red;}

效果图:

属性值有三种表示方式

一般用十六进制表示颜色。

文本对齐

text-align用于设置元素内文本内容的水平对齐

p{text-align:center;}

修饰文本

text-decoration

p {text-decoration: underline;}

文本缩进

text-indent

p{text-indent:2em}

注意:

  1. em 是一个相对单位(相对于当前文字的大小),如果当前没有设置大小,则按照父元素的文字大小
  2. 除了使用 em 作为单位,还可以使用 px

行间距

line-height 设置行间的距离(行高)

p {line-height: 30px;}

注意:

  1. 行距是指上一行文字的最低位与下一行文字最高位的距离
  2. 行间距的属性值可以使用%,是基于当前字体尺寸的百分比行间距;还可以使用数字(没有单位),此数字会与当前的字体尺寸相乘来设置行间距

文本属性总结

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » CSS基础——文本属性,文字魅力