css - 有没有办法可以重写我的 CSS 边框以使用颜色代码而不是 RGB？

Question

我继承的代码中有以下内容。

            border: 1px solid;
            border-top-color: rgb(80, 163, 200);
            border-right-color: rgb(41, 124, 180);
            border-bottom-color: rgb(8, 63, 111);
            border-left-color: rgb(41, 124, 180);

有没有办法可以将其更改为普通的边框 CSS，还是我仍然需要指定每一边？

Answer 1

是的。您可以使用哈希码。例如要显示白色，您可以使用 #ffffff 边框：1px solid #ffffff; 上面示例的 CSS，

边框顶部：1px 实心#0053a3；Border-right : 1px solid #297cb4; 边框底部：1px 实心#083f6f；左边框：1px 实心#297cb4；

Answer 2

是的，你可以正常写

border: 1px solid;
border-top-color: #50A3C8;
border-right-color: #297CB4;
border-bottom-color: #083F6F;
border-left-color: #297CB4;

您可以使用以下工具将您的 rgb 转换为十六进制值

在一行中

border: 1px solid;
border-color: #50A3C8 #297CB4 #083F6F #297CB4

语法是 Border-color: top right bottom left;

Answer 3

您可以插入Hexidecimal颜色值而不是RGB：

border-style:solid;
border-color:#0000FF;    

有许多来源可以找到您希望使用的颜色的十六进制值：http: //www.w3schools.com/tags/ref_colorpicker.asp

Answer 4

你的意思是这样吗？

border-color: rgb(80, 163, 200) rgb(41, 124, 180) rgb(8, 63, 111) rgb(41, 124, 180);