html+span+设置背景

HTML+span+设置背景

html>
    head>
    style>
.bg-red{
    background-color:red;
}
.bg-blue{
    background-color:blue;
}
.bg-green{
    background-color:green;
}
    /style>
    /head>
    body>
    p>
    这是一段文字，我们可以使用span>
    标签来设置背景颜色。/p>
    p>
    这是一段span class="bg-red">
    红色/span>
    的文字。/p>
    p>
    这是一段span class="bg-blue">
    蓝色/span>
    的文字。/p>
    p>
    这是一段span class="bg-green">
    绿色/span>
    的文字。/p>
    /body>
    /html>
    

上述代码中，我们定义了三个类名，分别为bg-red、bg-blue、bg-green，分别设置了不同的背景颜色。在p标签中使用span标签，并添加对应的类名即可实现文字背景色的设置。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！