css字体属性详细介绍

最新推荐文章于 2021-06-18 15:44:01 发布

Ys@_yxl

最新推荐文章于 2021-06-18 15:44:01 发布

阅读量405

点赞数 1

文章标签： css html

本文链接：https://blog.csdn.net/weixin_45817492/article/details/109526074

版权

css 文本属性

css 文本属性有color,text-align,text-decoration ,text-indent,line-height。

1.color用于设置文本颜色

文本颜色有三种表示方法：
1.颜色名表示

color:red;

2.rgb表示

color:rgb(255,0,0);

3.16进制表示，（可以简写，例如：#ff0000可以简写成#f00）

color:#ff00ff;

2. text-align用于设置文本水平方向上的对齐样式

属性值	描述
left	水平左对齐，默认的。
right	右对齐
center	水平居中
justify	两端对齐

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            width: 100px;
            height: 100px;
            text-align:center;
            background-color: burlywood;
        }
    </style>
</head>
<body>
    <div>
        <span>
            我爱学习
        </span>
    </div>
  
</body>
</html>

示意图如下：
文本在div中水平居中了

3. text-decoration用于设置文本装饰

属性值	描述
none	默认样式，无装饰线。
underline	定义文本的下划线
overline	定义文本的上划线
line-through	定义文本的删除线，就是穿过文本的一条线
inherit	继承父元素的属性值