css如何设置下划线的颜色 css如何设置下划线长度

king web技术 2022-10-21 668浏览 0

本文操作环境：windows10系统、css 3、thinkpad t480电脑。

如果我们要设置下划线的颜色，直接使用border-color属性就可以了。

border-color属性可以设置一个元素的四个边框颜色。

比如说：

border-color:红，绿，蓝,粉红色;

上边框是红色
右边框是绿色
底部边框是蓝
左边框是粉红色

代码示例：



p.one
{
	border-style:solid;
	border-color:#0000ff;
}
p.two
{
	border-style:solid;
	border-color:#ff0000 #0000ff;
}
p.three
{
	border-style:solid;
	border-color:#ff0000 #00ff00 #0000ff;
}
p.four
{
	border-style:solid;
	border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
}




One-colored border!
Two-colored border!
Three-colored border!
Four-colored border!

我们运行下看看效果：

css如何设置下划线的颜色 css如何设置下划线长度