Есть ли способ, которым я могу переписать мою границу CSS, чтобы использовать цветовые коды вместо RGB?

У меня есть код в моем коде, который я унаследовал.Есть ли способ, которым я могу переписать мою границу CSS, чтобы использовать цветовые коды вместо RGB?

  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 рамки или мне еще нужно указать каждую сторону?

источник

2013-10-09 Melina

Значит, вы хотите только один декларация? Я не знаю, что такое «обычный пограничный CSS». –

Вы имеете в виду Hex Colors? – Paddyd

http://rgb2hex.com/ – SmokeyPHP

Да, вы можете написать это нормально

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 цвета : вверху справа внизу слева;

источник

2013-10-09 10:27:24 Rex

Спасибо Rex, можете ли вы преобразовать его в одну строку? – Melina

@Melina См. Обновленный ответ; – Rex

Вы имеете в виду это?

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

источник

2013-10-09 10:23:40

Вы все еще используете значения RGB – Paddyd

«или мне еще нужно указать каждую сторону?» –

В этом случае не забудьте 'border: 1px solid;' в противном случае никакой границы не будет отображаться. –

Да. Вы можете использовать хэш-код. например, чтобы показать белый цвет, вы можете использовать #ffffff border: 1px solid #ffffff; CSS для вашего примера выше,

Пограничный верх: 1px solid # 0053a3; Граница справа: 1px solid # 297cb4; Нижняя граница: 1px solid # 083f6f; Пограничный левый: 1px solid # 297cb4;

источник

2013-10-09 10:26:51 Kishori

Вы можете вставить значения Hexidecimal цвета вместо RGB:

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

Есть много источников для нахождения значений Hex для цветов вы хотите использовать: http://www.w3schools.com/tags/ref_colorpicker.asp

источник

2013-10-09 10:29:04 Paddyd

Есть ли способ, которым я могу переписать мою границу CSS, чтобы использовать цветовые коды вместо RGB?

ответ

Смежные вопросы