如何设置 CSS 中不同元素的文字颜色?
颜色对于给网站一个好的外观和吸引用户非常重要。因此,添加了不同颜色的文本元素来增强网页的视觉效果。 CSS 颜色属性定义了一个 HTML 元素的文本颜色。
要为 CSS 中的不同元素设置文本颜色,请添加适当的 CSS 选择器,并用所需的颜色值定义颜色属性。
语法:
color:value;
注意:在 CSS 中有不同的方式来指定颜色值,例如使用颜色关键字、RGB 颜色值、十六进制颜色值等等。
示例:在以下示例中,标题为绿色颜色,如< h3 >样式标记中所指定的,“内容”类具有灰色颜色文本,而普通 < p > 标记中的文本具有黑色文本颜色,这是正文选择器中定义的页面的默认文本颜色。
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
font-size: 15px;
color: black;
}
h3 {
text-align: center;
font-size: 60px;
color: green;
}
p.content {
color: grey;
}
</style>
</head>
<body>
<h3>GeeksforGeeks</h3>
<p>A Computer Science portal for geeks</p>
<p class="content">
It is a one-stop destination for all
Computer Science students!! It is a
platform that fulfill all their needs
such as- Tutorials & Courses,
Placement preparation, Interview
Experiences, and various others.
</p>
</body>
</html>
输出:
不同元素的文本颜色
版权属于:月萌API www.moonapi.com,转载请注明出处