文本样式这一篇文章就够了

最新推荐文章于 2024-07-21 22:27:18 发布

Y-琼眸

最新推荐文章于 2024-07-21 22:27:18 发布

阅读量156

点赞数 8

文章标签： java javascript 数据库

本文链接：https://blog.csdn.net/rbh200812/article/details/126124270

版权

1.text-transform 可以设置文本大小写

2.text-decoration 可以设置文本的修饰

3.letter-spacing 可以指定字符间距

4.text-align 用于设置文本对齐方式

5.text-indent 设置首行缩进

6.white-space 设置网页如何处理空白

text-overflow 文本溢出包含元素时发生的事

7.text-shadow：h-shadow v-shadow blur color；设置文本的阴影

8.box-shadow：h-shadow v-shadow blur color；设置盒子的阴影

9.vertical-align 设置元素垂直对齐方式

1.text-transform 可以设置文本大小写

可选属性值：

none 默认值

uppercase 文本大写

lowercase 文本小写

capitalize 首字母大写

2.text-decoration 可以设置文本的修饰

可选属性值：

none 默认值

underline 下划线

overline 上划线

line-through 删除线

3.letter-spacing 可以指定字符间距

word-spacing 可以指定单词间距

可选属性值：

直接加 XXpx

4.text-align 用于设置文本对齐方式

可选属性值：

center 文本居中

left 文本向左对齐

right 右对齐

justify 两端对齐

5.text-indent 设置首行缩进

可选属性值：

直接加 XXpx

XXem （向后缩进XX字符）

6.white-space 设置网页如何处理空白

text-overflow 文本溢出包含元素时发生的事

 p{
         background-color: aqua;
         width: 200px; /*设置宽度*/
         white-space: nowrap; /*设置空白不换行*/ 
         text-overflow: ellipsis; /*设置省略号*/
         overflow: hidden; /*裁剪溢出/多余部分*/
        }