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

37次阅读

共计 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