+7 (495) 133-16-86

Вам позвонить?
0

Мы создали уже 71 сайт и помогли увеличить доход наших клиентов на 84%

Двойная рамка на CSS

Список форумов CSS

Двойная рамка на CSS
Medeo
Модератор

Регистрация: 06.01.2016
Цитировать выделенное
На сегодняшний день существует несколько способов создания эффекта двойной рамки на CSS.
На данном примере рассмотрим наиболее распространенные пять.

Пример 1 - border и outline
Данный способ работает только в тех браузерах которые поддерживают тег outline
html-код
<div class="border_line">тут будет текст блока</div>

CSS-код

.border_line{border: solid 6px #fff; outline: solid 6px #888;}


Пример 2 - тень
Для появления двойной рамки используется тег box-shadow. Можно без преувеличения сказать что это самый лучший способ отображения двойной рамки.

.border_line{box-shadow: 0 0 0 6px #fff, 0 0 0 12px #888;}
Профиль | Сообщений: 9 | Дата создания: 01.02.2016 21:33:25

Авторизация
Логин: Пароль:

Список форумов CSS

Товар успешно добавлен в корзину

×