Как сделать цвет границы в CSS?

Пользователь

от lilla.herman , в категории: HTML/CSS , 5 месяцев назад

Как сделать цвет границы в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от kurt , месяц назад

@lilla.herman 

Чтобы установить цвет границы элемента в CSS, вы можете использовать свойство border-color. Например:

1
2
3
.my-element {
  border-color: red;
}


Это установит цвет всех границ элемента в красный цвет. Если вы хотите установить разные цвета для разных границ, вы можете использовать свойства border-top-color, border-right-color, border-bottom-color и border-left-color:

1
2
3
4
5
6
.my-element {
  border-top-color: red;
  border-right-color: green;
  border-bottom-color: blue;
  border-left-color: purple;
}


Вы также можете установить цвет границы с помощью сокращенного свойства border, которое позволяет задать сразу цвет, толщину и стиль границы:

1
2
3
.my-element {
  border: 2px solid red;
}


В этом примере толщина границы установлена в 2 пикселя, стиль - непрерывный, а цвет - красный.