Как добавить сплошную границу в CSS?

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

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

Как добавить сплошную границу в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jerad.kuphal , 2 года назад

@johnpaul.blick 

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

1
2
3
div {
  border: 1px solid black;
}


Это добавит сплошную черную границу шириной 1 пиксель вокруг элемента div. Вы также можете указать только одну сторону границы, используя свойства border-top, border-right, border-bottom и border-left.


Например:

1
2
3
div {
  border-top: 1px solid black;
}


Это добавит черную сплошную границу шириной 1 пиксель только сверху элемента div.


Вы также можете указать цвет границы с помощью ключевого слова, шестнадцатеричного значения цвета или RGB/RGBA-значения. Например:

1
2
3
4
5
div {
  border: 1px solid #ff0000; /* Красная сплошная граница */
  border: 1px solid rgb(255, 0, 0); /* Красная сплошная граница */
  border: 1px solid rgba(255, 0, 0, 1); /* Красная сплошная граница */
}


Вы также можете указать стиль границы с помощью с

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

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

@johnpaul.blick 

В CSS можно добавить сплошную границу с помощью следующего свойства:

1
border: thickness style color;


Где thickness - толщина границы, style - стиль границы (например, "solid" для сплошной), color - цвет границы. Например:

1
border: 2px solid black;