css文本属性

css Text(文本)属性可定义文本的外观,如文本颜色、对齐文本、装饰文本、文本缩进、行间距等

1.文本颜色

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

div {

color: red;

}

|---------|----------------|
| 表示方式 | 属性值 |
| 预定义的颜色值 | red,green,blue |
| 十六进制 | #FF000 |
| RGB代码 | rgb(255,0,0) |

2.对齐文本

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

|--------|------|
| 属性值 | 解释 |
| left | 左对齐 |
| right | 右对齐 |
| center | 居中对齐 |

div {

text-align: center;

}

3.装饰文本

text-decoration属性规定添加到文本的修饰,可以给文本添加下划线、删除线、下划线

div {

text-decoration: underline;

}

|--------------|------------------|
| 属性值 | 描述 |
| none | 默认。没有装饰线 |
| underline | 下划线。链接a自带下划线(常用) |
| overline | 上划线(几乎不用) |
| line-through | 删除线。(不常用) |

3.1删除下划线

我们知道超链接自带下划线,那我们如何删除下划线呢

4.文本缩进

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

div {

text-indent: 10px;

}

通过设置该属性,所有元素的第一行都可以缩进一个给定的长度,甚至长度可以是负值。

p {

text-indent: 2em;

}

em是一个相对单位,就是当前元素(font-size)1个文字的大小。

5.行间距

line-height属性用于设置行间的距离(行高),可以控制行与行之间的距离

相关推荐
JarvanMo4 分钟前
8 个你可能忽略了的 Flutter 小部件(四)
前端
学Linux的语莫6 分钟前
Vue前端知识
前端·javascript·vue.js
BUG创建者6 分钟前
thee.js完成线上展厅demo
开发语言·前端·javascript·css·html·css3·three.js
LYFlied10 分钟前
前端开发者需要掌握的编译原理相关知识及优化点
前端·javascript·webpack·性能优化·编译原理·babel·打包编译
BlackWolfSky11 分钟前
ES6 学习笔记3—7数值的扩展、8函数的扩展
前端·javascript·笔记·学习·es6
未来之窗软件服务11 分钟前
幽冥大陆(四十四)源码找回之Vue——东方仙盟筑基期
前端·javascript·vue.js·仙盟创梦ide·东方仙盟·源码提取·源码丢失
我有一棵树11 分钟前
css 的回溯机制、CSS 层级过深的选择器会影响浏览器的性能
前端·css
|晴 天|12 分钟前
企业级中后台管理系统前端架构设计:从单体到模块化的演进之路
前端
AI云原生12 分钟前
《开箱即用的高性能:openEuler 默认配置下的 Web 服务性能评测》
运维·前端·docker·云原生·开源·开源软件·开源协议