CSS样式——文本

1.text-align 水平对齐方式

        text-align: left;
        text-align: right;
        text-align: center;

vertical-align垂直对齐方式
        vertical-align: top;
        vertical-align: middle;
        vertical-align: bottom;

设置行高进行垂直居中     
        一行文本,line-height的值等于容器的高度
        line-height: 200px;

2.text-transform 设置文本变形
none 正常展示,不改变大小写
uppercase 转换成大写展示
lowercase 转换成小写展示
capitalize 转换成首字母大写

3.text-decoration 设置文本修饰线
none 无修饰线,一般在a标签上设置
underline 有下划线
overline 上划线
line-through 中划线 删除线

   速写属性
        text-decoration: line-through wavy red;

4.text-decoration-line 修饰线的类型

       text-decoration-line: underline;

5.text-decoration-style 修饰线的样式
dashed 虚线
dotted 点状线
double 双实线
wavy 波浪线
solid 实线

6.text-decoration-color 颜色设置

       text-decoration-color: purple;

7.text-shadow 设置文字阴影

   text-shadow: 0px 0px 5px red;
   水平方向偏移  垂直方向偏移 阴影的模糊距离 阴影颜色
发布了39 篇原创文章 · 获赞 0 · 访问量 172

猜你喜欢

转载自blog.csdn.net/yaningyin/article/details/105035735