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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от rupert.collins , 3 года назад

Сделать двойную рамку в CSS, можно через свойство border, а к нему задать значение: double


HTML:

1
2
3
<body>
        <p class="text">Как сделать рамку в CSS?</p>
</body>


CSS:

1
2
3
4
5
6
7
8
.text {
    text-align: center;
    text-indent: 30px;
    border: 5px double hotpink;
    padding: 10px 20px 10px 20px;
    margin: 20px;
    width: 350px; 
}

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

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

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


1
2
3
4
5
6
div {
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    border-bottom: none;
}


Эти свойства будут создавать двойную рамку вокруг элемента.