CSS文本基础知识

1、文本缩进

属性名:text-indent

属性值:数值+px; 数字+em(推荐:1em=当前标签的字号大小)

例:代码:

结果:

2、文本对齐方式

作用:控制内容水平方式

属性名:text-align

属性值:

|--------|---------|
| 属性值 | 效果 |
| left | 左对齐(默认) |
| center | 居中对齐 |
| right | 右对齐 |

居中对齐的本质:居中的是文字内容,不是标签!

水平对齐方式------图片

text-align本质是控制内容的对齐方式,属性要设置给内容发父级。

例:代码:

结果:

3、修饰线

属性名:text-decoration

属性值:

|--------------|-----|
| 属性值 | 效果 |
| none | 无 |
| underline | 下划线 |
| line-through | 删除线 |
| overline | 上划线 |

例:代码:

结果:

相关推荐
朝阳3916 小时前
react19【系列实用教程】实用组件封装
开发语言·前端·javascript
IT_陈寒16 小时前
React的useEffect依赖数组把我坑惨了,原来这样写才靠谱
前端·人工智能·后端
恋猫de小郭16 小时前
Flutter hit,一个可以灵活控制溢出点击的第三方包
android·前端·flutter
古韵16 小时前
小程序上传进度条,还要自己监听 onProgressUpdate 吗?
前端·javascript·uni-app
古韵16 小时前
axios 已经跑得好好的,还要不要上 alova?
前端·javascript·axios
噗噗1216 小时前
企业微信侧边栏应用与前端 JS-SDK 的深度整合指南
前端·javascript·企业微信
朝阳3916 小时前
react19【实战】配置化路由登录鉴权完整方案
前端·javascript·react.js
ShuiShenHuoLe16 小时前
vue如何实现国际化,它来了!
前端·javascript·vue.js
其美杰布-富贵-李16 小时前
Vue Router 实战教程
前端·javascript·vue.js
NutShell Wang16 小时前
拆解 GitHub gh-stack:堆叠 PR 工作流的设计取舍与工程实现
前端·git·开源·github·代码复审·开发者工具·vibe coding