CSS文本基础知识

1、文本缩进

属性名:text-indent

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

例:代码:

结果:

2、文本对齐方式

作用:控制内容水平方式

属性名:text-align

属性值:

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

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

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

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

例:代码:

结果:

3、修饰线

属性名:text-decoration

属性值:

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

例:代码:

结果:

相关推荐
小旺仔爱代码13 分钟前
AJAX和JSON
前端·ajax·json
风清扬_jd42 分钟前
Chromium HTML5 新的 Input 类型search对应c++
前端·c++·html5
逸狼1 小时前
快速入门HTML
前端·css·html
海绵宝宝不喜欢侬1 小时前
vue + elementui 全局Loading效果
前端·vue.js·elementui
qq_544329172 小时前
从0学习React(10)
服务器·前端·javascript·react.js
AR7_2 小时前
App开发Flutter支持Harmony OS Next方案
前端
聪明的墨菲特i2 小时前
VUE组件学习 | 六、v-if, v-else-if, v-else组件
前端·vue.js·学习·前端框架·vue
Wonderful_Wan83 小时前
【前端项目工程】Uni-app 离线打包apk
前端·uni-app
木子七3 小时前
Js内建对象
前端·javascript
GDAL3 小时前
HTML入门教程2:HTML发展历史
前端·html