html-css-文本样式

原创于 2023-03-28 08:15:16 发布 · 71 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #css3

html 专栏收录该内容

28 篇文章

订阅专栏

该HTML代码段展示了如何使用CSS来设置文本样式，包括颜色(#ff0000红色)，字体(微软雅黑)，字体大小(25px)，文本对齐方式(居中)，行高(60px)以及去下划线。此外，还有一个图像和与其垂直对齐的文本(微信)。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本样式</title>
    <style>
        div{
           /* color: red;*/
            color: #ff0000;
            font-family: 微软雅黑;
            font-size: 25px;
            /*none ,usnderlinge ,voverline,line-throght*/
            text-decoration: none;
            /*left,center*/
            text-align: center;
            line-height: 60px;
        }
        span{
            vertical-align: 50%;
        }
    </style>
</head>
<body>
<div>
    我是文字
</div>
<div>
    我是文字
</div>
<img src="../img/wx.png" width="38" height="38">
<span>微信</span>
</body>
</html>