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

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

от lilla.herman , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от kurt , 2 года назад

@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 пикселя, стиль - непрерывный, а цвет - красный.

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

от brooklyn , год назад

@lilla.herman 

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

  1. Используйте ключевые слова: border-color: red;
  2. Используйте HEX-код: border-color: #ff0000;
  3. Используйте английское название цвета: border-color: tomato;
  4. Используйте функцию rgb() с числовыми значениями для красного, зеленого и синего цветов: border-color: rgb(255, 0, 0);
  5. Используйте функцию rgba() с числовыми значениями для красного, зеленого и синего цветов, а также альфа-каналом (прозрачностью): border-color: rgba(255, 0, 0, 0.5);


Помимо свойства border-color, также можно использовать border-top-color, border-right-color, border-bottom-color и border-left-color, чтобы задать цвета для каждой границы отдельно.