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 border：1px solid #ffffff; 上面例子中的CSS，

Border-top：1px solid＃0053a3; Border-right：1px solid＃297cb4;边框底部：1px solid＃083f6f;边框左：1px solid＃297cb4;

Answer 2

是的，你可以正常书写

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

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

在一行

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

语法为Border-color：右上角左下角;

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);

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

4 个答案: