当前位置: 代码迷 >> 综合 >> Web基础(从零开始)——CSS文字样式(颜色,文本对齐,文字装饰,文本缩进,行间距)
  详细解决方案

Web基础(从零开始)——CSS文字样式(颜色,文本对齐,文字装饰,文本缩进,行间距)

热度:71   发布时间:2023-12-01 22:51:31.0

(1)文本颜色:color属性用于定义文本颜色

div {color: red;
}

三种表示方法:1.使用颜色的英文单词:red、blue等

                        2.使用十六进制:#FFFFFF、#2D5749等

                        3.使用RGB编码:rgb(255,0,0)或rgb(100%,10%,20%)等

(2)文本对齐:text-align属性用于设置元素内文本内容的水平对齐方式

                center:居中对齐; left:左对齐; right:右对齐;

(3)装饰文本:text-decoration属性用于添加文本的修饰,可以添加下划线、删除线、上划线等

none:默认,没有装饰;underline:下划线,链接自带下划线;

overline:上划线;line-through:删除线;

a {/*取消a链接默认下划线*/text-decoration: none;/*修改链接颜色*/color: hotpink;}

(4)首行缩进:text-indent属性用来指定文本的第一行的缩进,通常是将段落的首行缩进

可以为正也可以为负,为正向右缩进,为负向左凸出

p {text-indent: 2em;}

em是一个相对单位,就是当前元素1个文字的大小;

(5)行间距:line-height属性用于设置行间的距离,行间距=上间距+文本高度+下间距