.使用内嵌样式表设置h1的属性,通过类选择器改变span的颜色,实现五彩标题,即每个span 设置的字呈现不同的颜色,如图4-43所示。
时间: 2023-04-04 21:03:58 浏览: 472
可以使用以下代码实现:
<html>
<head>
<style>
h1 {
font-size: 36px;
font-weight: bold;
text-align: center;
}
span {
font-size: 48px;
font-weight: bold;
}
.color1 {
color: red;
}
.color2 {
color: orange;
}
.color3 {
color: yellow;
}
.color4 {
color: green;
}
.color5 {
color: blue;
}
</style>
</head>
<body>
<h1>
<span class="color1">五</span>
<span class="color2">彩</span>
<span class="color3">标</span>
<span class="color4">题</span>
<span class="color5">示</span>
</h1>
</body>
</html>
阅读全文