Форум Сайтостроение Веб-строительство

Рамка для заголовков

Gzas
На сайте с 05.01.2014
Offline
135
Gzas
820

Нужно для всех h1 сделать рамку в виде:

Не могу сообразить, как это можно реализовать. Буду признателен за любую помощь.

P.S. желательно найти решение на css

samimages
На сайте с 31.05.2009
Offline
427
samimages
#1

1. h1 - display:block

2. h1 - background-image: url()

Опыт как иммунитет — приобретается в муках! Аудит семантики от 15К [долго] - ЛС
S
На сайте с 02.11.2017
Offline
6
Scrutiny
#2

Задача по любому решается только в css, причем реализация в css3 более кошерная. Если именно так, то тут придется колдовать с графическими изображениями - в каждый угол отдельную png'шку загнать, точки (а можно любой спецсимвол) загнать псевдооператорами :before :after

Анимация & интерактивная анимация в html5 и svg
Исследуем новые операторы before: Google запускает возможность фильтрации В Конструкторе Директа появится
Gzas
На сайте с 05.01.2014
Offline
135
Gzas
#3

samimages, Спасибо, то что нужно!

tommy-gung
На сайте с 22.11.2006
Offline
300
tommy-gung
#4

хз, зачем тут картинки..

https://codepen.io/anon/pen/QOoQpZ

Здесь не могла быть ваша реклама

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий