CSS的文本属性

最新推荐文章于 2024-09-06 11:00:54 发布

猫猫呼呼

最新推荐文章于 2024-09-06 11:00:54 发布

阅读量57

点赞数

分类专栏：前端文章标签： css html5 前端

本文链接：https://blog.csdn.net/YG_b215/article/details/128365024

版权

前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

color: 文本颜色

可以用单词例如red,purple 也可以用十六进制例如 #66666 或者使用RGB代码如 rgb（255，0，0）

text-align：文本内容的水平对齐方式 left right center

text-decoration ：文本装饰

none 默认，无装饰 underline下划线 overline 上划线line-through删除线

text-indent ：首行缩进，设定长度，可以是负值。em是一个文字的大小

line-height :行高

包括上间距，文本高度和下间距

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            font: 11px/22px "宋体";
        }
        h2 {
            font-weight:10000;
            text-align: center;
        }
        .www {
            color: #555;
            font-size: 10px;
            text-align: left;
        }
        .look {
            color: purple;
            width: 200px;
        }
        .amz {
            text-align: center;
        }
        .qwq {
            color: pink;
            font-size: 10px;
            font-family: 楷体；
        }
        p {
            text-indent: 2em
        }
    </style>
    
</head>
<body>
    <h2>摸鱼摸鱼摸鱼</h2>
    <div class="www">2666-09-06 99:99:99 来源： <a href="#">鼠鼠日报  </a>
    <input type="text" value="请输入查询条件..." class="look"> 
    <button>搜索</button>
    </div>
    <hr>
    <p>你这帖子本来是要删的，并且准备封你十天。</p>
    <p>我跟吧主打招呼了，这次就算了，你自己注意点，我不可能次次帮你。</p>
    <p class="amz">
        <img src="amz.png">
    </p>
    <p class="qwq">以后我在这吧出了事，你要知恩图报，知道了吗</p>


</body>
</html>