581 字
2 分钟阅读
html – CSS 颜色控制
简介
CSS 控制颜色
代码演示
<html>
<head>
<title>CSS 颜色控制</title>
</head>
<body>
<!-- 这里用的是关键词 -->
<p style="color: red">CSS 颜色控制</p>
<!-- 这里用的是 rgb 颜色控制 -->
<!-- rgb(red值, green值, blue值) -->
<!-- red值 取值 0-255 -->
<!-- green值 取值 0-255 -->
<!-- blue值 取值 0-255 -->
<p style="color: rgb(130, 50, 0);">CSS 颜色控制</p>
<!-- 这里用的是 rgba 颜色控制 -->
<!-- rgb(red值, green值, blue值, 透明度) -->
<!-- red值 取值 0-255 -->
<!-- green值 取值 0-255 -->
<!-- blue值 取值 0-255 -->
<!-- 透明度 取值 0-1 -->
<p style="color: rgba(11, 111, 22, 0.5);">CSS 颜色控制</p>
<!-- 这里用的是 十六进制 颜色控制 -->
<!-- #RRGGBB -->
<!-- RR 取值 00-FF -->
<!-- GG 取值 00-FF -->
<!-- BB 取值 00-FF -->
<!-- 如果某两位相同，可以简写为 #0f0 -->
<p style="color: #0f0;">CSS 颜色控制</p>
</body>
</html>效果
