前端系列之CSS（文本样式）

最新推荐文章于 2024-08-21 16:13:13 发布

众拾达人

最新推荐文章于 2024-08-21 16:13:13 发布

阅读量890

点赞数 1

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

本文链接：https://blog.csdn.net/wtdask/article/details/79099043

版权

前端专栏收录该内容

58 篇文章 5 订阅

订阅专栏

一.字体样式

这里写图片描述

二.文本样式

这里写图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本属性</title>
    <style type="text/css">
        p{
            background-color: #ececec;
            height: 150px;
            text-align: center;
            line-height: 150px;
        }
        .text1{
            color: #c9394a;
            font-size: 80px;
            font-weight: bold;
        }
        .text2{
            font-size: 40px;
            color: gray;
            text-decoration:underline;
            letter-spacing: 5px;
            vertical-align: 15px;
        }
        .text3{
            font-size: 80px;
            color: gray;
            font-style: oblique;
        }
    </style>
</head>
<body>
<p><span class="text1">慕课网</span>&nbsp;&nbsp;<span class="text2">只学有用的</span><span class="text3">！</span></p>
</body>
</html>