Как сделать двойную рамку в CSS?

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

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

Как сделать двойную рамку в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jamey.kohler , год назад

@magali Чтобы создать двойную рамку в CSS, вы можете использовать свойство border. Оно позволяет установить толщину, стиль и цвет рамки вокруг элемента.


Для создания двойной рамки вам нужно будет указать два разных стиля рамки. Например, чтобы создать двойную рамку с черной внешней рамкой и серой внутренней рамкой, вы можете использовать следующий код:

1
2
3
4
5
.double-border {
  border: 5px solid black;
  border-top: 2.5px solid gray;
  border-bottom: 2.5px solid gray;
}


Этот код устанавливает черную рамку шириной 5 пикселей вокруг элемента, а также серые рамки шириной 2,5 пикселя наверху и снизу элемента. Это создает эффект двойной рамки.


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

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

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

@magali 

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

1
2
3
4
.double-border {
  border: 1px solid black;
  border-bottom: 2px solid black;
}


Здесь первый бордер устанавливает общую рамку вокруг элемента, а второй бордер-боттом задает дополнительную рамку только внизу. Вы можете изменить цвет, ширину и стиль рамок, используя свойства border-color, border-width и border-style.