Двойной рамкой в CSS с промежутком в середине?

Ahmad

Постоялец
Регистрация
4 Май 2013
Сообщения
86
Реакции
1
Можно ли как-то создать двойной рамкой в CSS, с этими настройками 2?:

1) Одна линия немного толще, чем другие
2) Существует небольшой разрыв между линиями

Пример того, что мне нужно:

UoxP4Ji.png
 
Думаю, что для одного элемента такого не сделать. Что мешает использовать два элемента в HTML и для каждого прописать нужные стили?
 
У меня только один элемент, вокруг которого я могу добавить границу. Я не могу изменить HTML, чтобы добавить еще один элемент к сожалению.
 
внезапно можно так
box-shadow: 0 0 0 4px #000, 0 0 0 6px #fff, 0 0 0 7px #000;
 
внезапно можно так
box-shadow: 0 0 0 4px #000, 0 0 0 6px #fff, 0 0 0 7px #000;

Это работает, но есть третье условие тоже. Я только хочу, чтобы это показать на верхней стороне 'div'. Я не упомянул об этом раньше, потому что я не знаю, что вы будете использовать 'box-shadow' вместо 'border'. Я не думаю, 'box-shadow' может быть установлен только для одной стороны.
 
ну так, блин, вставь эту картинку фоном в див.
 
То - не так, это - не хочу. Магия css пока не способна дотянуться до фотошопа, так что не привередничай.
/me ушел из темы.
 
Можно ли как-то создать двойной рамкой в CSS, с этими настройками 2?:

1) Одна линия немного толще, чем другие
2) Существует небольшой разрыв между линиями

Пример того, что мне нужно:

UoxP4Ji.png
Делайте при помощи Для просмотра ссылки Войди или Зарегистрируйся, если требуется делать вокруг рамки

Если хотите просто подчеркнуть, используйте графику.. К примеру если котите подчеркнуть текст, можете сделать так: <div class="test"><a href="" alt=""> <i> Текст, который подчеркиваем</i></a></div>
в сss прописываем так:
.test a { тут навастриваем стиль текста }
.test a > i { тут добавляем картинку с выравниванием по низу }
 
Назад
Сверху