css中有哪几个文本属性

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,文本属性是控制文本样式和布局的关键性属性。CSS提供了许多可以解决文本样式问题的文本属性。 /*例如对字体大小和颜色进行控制*/ font-size: 20px; color: red;

在CSS中,文本属性是控制文本样式和布局的关键性属性。CSS提供了许多可以解决文本样式问题的文本属性。

 /*例如对字体大小和颜色进行控制*/
    font-size: 20px;
    color: red; 

接下来我们来看一下常用的CSS文本属性。

1.字体属性

 /*控制字体大小*/
    font-size:16px;
    /*设置字体类型*/
    font-family:"Times New Roman",Times,serif; 

2.颜色属性

 /*设置字体颜色*/
    color:#000000; 

3.文本对齐

 /*设置文本左对齐*/
    text-align:left;
    /*设置文本右对齐*/
    text-align:right;
    /*设置文本居中对齐*/
    text-align:center;
    /*设置文本两端对齐*/
    text-align:justify; 

4.文本装饰

 /*设置无下划线*/
    text-decoration:none;
    /*设置下划线*/
    text-decoration:underline;
    /*设置删除线*/
    text-decoration:line-through; 

5.文本间距

 /*设置字间距*/
    letter-spacing:1px;
    /*设置行间距*/
    line-height:30px;
    /*设置单词间距*/
    word-spacing:1px; 

6.文本大小写

 /*转化为大写*/
    text-transform:uppercase;
    /*转化为小写*/
    text-transform:lowercase;
    /*每个单词首字母大写*/
    text-transform:capitalize; 

7.文本缩进

 /*第一行首字母缩进*/
    text-indent:2em; 

8.文本阴影

 /*设置文本投影,使其有立体感*/
    text-shadow:2px 2px #000000; 

以上就是CSS中常用的文本属性,它们可以帮你控制文本的样式和布局,让你的网站更加精美。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中有哪几个文本属性

粉丝

0

关注

0

收藏

0

已有0次打赏