在 HTML 中,你可以使用<style>
标签来定义 CSS 样式。你可以将<style>
标签放在<head>
部分或<body>
部分中,但通常将其放在<head>
部分中,以确保在页面加载时 CSS 样式被正确加载。
以下是一个示例,展示如何在 HTML 中定义连续类中的 CSS 样式:
<!DOCTYPE html>
<html>
<head>
<style>
.red {
color: red;
}
.blue {
color: blue;
}
.green {
color: green;
}
</style>
</head>
<body>
<p class="red">这是一段红色的文本。</p>
<p class="blue">这是一段蓝色的文本。</p>
<p class="green">这是一段绿色的文本。</p>
</body>
</html>
在上述示例中,我们定义了三个连续类,分别为.red
、.blue
和.green
。每个类都定义了一个 CSS 样式,用于设置文本的颜色。在<body>
部分中,我们使用这些类来应用样式。
你可以将上述示例中的颜色值更改为你想要的任何颜色,例如red
、blue
或green
。你还可以添加更多的类和样式,以满足你的需求。