Html5--(span标签)

最新推荐文章于 2023-04-25 08:20:32 发布

丿鹰击长空灬

最新推荐文章于 2023-04-25 08:20:32 发布

阅读量7.9k

点赞数 20

文章标签： html

本文链接：https://blog.csdn.net/yangyingjian123/article/details/112637826

版权

⭐span 是一个文字标签等于小括号
span的添加,不会对文字造成任何的变化，目的作用在于,将一段文字中的某一个或者几个文字进行样式的更改，可以用span尽心包裹，然后设置span格式

代码实例：

<!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>
        .car{
            width: 110px;
            height: 35px;
            border: 1px solid black ;
            font-size: 14px;
            line-height: 35px ;
            text-indent: 32px;

            background: url(./img/buy.png) no-repeat 8px 11px;
            background-color:#ffffff;
        }
        span{
            color: blue;
            font-size: 20px;
            font-family: "宋体";
        }
    </style>
</head>
<body>
    <div class="car">我的<span>购</span>物车</div>
</body>
</html>

在这里插入图片描述

在这里插入图片描述
结果展示：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

丿鹰击长空灬

关注关注

20
点赞
踩
70

收藏

觉得还不错? 一键收藏
0
评论
Html5--(span标签)

⭐span 是一个文字标签等于小括号span的添加,不会对文字造成任何的变化，目的作用在于,将一段文字中的某一个或者几个文字进行样式的更改，可以用span尽心包裹，然后设置span格式代码实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi.
复制链接

扫一扫