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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@dorothea_stoltenberg 

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

1
2
3
element {
  border: solid;
}


Также вы можете указать цвет границы, ширину и тип рамки (горизонтальную, вертикальную или обе):

1
2
3
4
5
element {
  border-color: red;
  border-width: 3px;
  border-style: solid;
}


Вы также можете указать разные стили и ширины для каждой рамки, используя свойства border-top, border-right, border-bottom и border-left:

1
2
3
4
5
6
element {
  border-top: dashed 2px green;
  border-right: solid 3px blue;
  border-bottom: dotted 1px purple;
  border-left: double 4px orange;
}


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

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

@dorothea_stoltenberg 

Чтобы сделать границу сплошной в CSS, используйте следующий код:

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


где:

  • 1px - толщина границы
  • solid - стиль границы (сплошная)
  • black - цвет границы.