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

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

@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, чтобы задать цвета для каждой границы отдельно.