html运行实例（css_border-color-hsl）-搜寻教程库

代码示例：（标识：css_border-color-hsl）

<!DOCTYPE html>
<html>
<head>
<style>
p.one {
  border-style: solid;
  border-color: hsl(0, 100%, 50%); /* 红色 */
}

p.two {
  border-style: solid;
  border-color: hsl(240, 100%, 50%); /* 蓝色 */
}

p.three {
  border-style: solid;
  border-color: hsl(0, 0%, 73%); /* 灰色 */
}
</style>
</head>
<body>

<h2>border-color 属性</h2>

<p>边框颜色也可以使用 HSL 值指定：</p>

<p class="one">红色实线边框</p>
<p class="two">蓝色实线边框</p>
<p class="three">灰色实线边框</p>

</body>
</html>