关于前端:CSS-设置文本属性

49次阅读

共计 718 个字符,预计需要花费 2 分钟才能阅读完成。

1、文本色彩

color 属性用于定义文本的色彩。

div {
/*1、属性值能够为预约义的色彩值 */
color: red;
/*2、属性值能够为十六进制的色彩值 */
color: #FF00FF;
/*3、属性值能够为 RGB 的色彩值 */
color: rgb(255, 0, 0);
}

2、文本对齐形式

text-align 属性用于设置元素内文本内容的 程度对齐 形式。

div {
/*1、左对齐(默认值)*/
text-align: left;
/*2、程度居中 */
text-align: center;
/*3、右对齐 */
text-align: right;
}

3、装璜文本

text-decoration 属性能够给文本增加下划线、删除线、上划线等。

div {
/*1、默认值。没有任何装璜线(通常用它为 <a> 标签勾销下划线)*/
text-decoration: none;
/*2、为文本增加下划线 */
text-decoration: underline;
/*3、为文本增加上划线 */
text-decoration: overline;
/*4、为文本增加删除线 */
text-decoration: line-throuth;
}

4、文本缩进

text-intend 属性用来指定文本第一行的缩进,比方段落的缩进。

p {
/*1、属性值能够为固定的像素值 */
text-align: 20px;
/*2、属性值能够为绝对的大小,2em 为缩进 2 个文字的大小 */
text-align: 2em;
}

em 是个绝对单位,就是以后元素 font-size 的大小。如果 p 标签的文字大小为 18px,那么 2em = 36px。

5、文本行间距

line-height 设置行高,能够管制文本行与行之间的间隔。

p {line-height: 26px;}

正文完
 0