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属性用于设置行间的距离(行高),可以控制行与行之间的距离

相关推荐
xkxnq3 分钟前
第八阶段:工程化、质量管控与高级拓展(130天),Vue端到端测试:Cypress自动化测试(登录流程+表单提交+页面跳转)
前端·vue.js·flutter
小雨下雨的雨5 分钟前
基于鸿蒙PC Electron框架技术完成的五子棋游戏 - 技术实现详解
前端·javascript·游戏·华为·electron·鸿蒙
cheems95276 分钟前
[开发日记]Spring Boot + MyBatis-Plus 抽奖系统开发复盘:从奖品创建、活动校验到前端圈选人员失效的一次完整排障
前端·spring boot·mybatis
老毛肚7 分钟前
jeecgboot vue API 拆分02
前端·javascript·vue.js
赵谨言13 分钟前
基于C#的在线编码与自动化测试全栈Web平台的设计与实现
开发语言·前端·c#
Raink老师18 分钟前
【AI面试临阵磨枪-98】前端如何展示多模态流式输出:文字打字机 + 图片渐进 + 音频播放?
前端·人工智能·面试
AI_零食21 分钟前
奶茶大数据运维表 - 鸿蒙PC Electron框架技术实现详解
运维·前端·华为·electron·开源·harmonyos·鸿蒙
小雨下雨的雨22 分钟前
鸿蒙PC Electron框架实现流体气泡模拟器
前端·人工智能·算法·华为·electron·鸿蒙
ZC跨境爬虫24 分钟前
跟着 MDN 学JavaScript day_4:如何存储你需要的信息——变量
开发语言·前端·javascript·ui·ecmascript
星栈独行26 分钟前
10 分钟跑起第一个 Makepad 应用:先把窗口开起来
前端·程序人生·ui·rust·开源·github