Страницы

Поиск по вопросам

пятница, 24 мая 2019 г.

Вставить текст в border CSS HTML

Мне нужно вставить текст по центру в верхнюю и нижнюю границу, которые будут иметь фоновое изображение позади них. Это будет на каждой странице. Я могу добиться этого с помощью CSS?
Пожалуйста, посмотрите скриншот того, что я имею в виду:

Граница должна быть белого цвета, 3 пикселя в ширину, а шрифт - Basis Grotesque Medium.
Я надеюсь начать с редактирования темы WordPress.
Надеюсь, что на этот вопрос не был получен ответ в другом месте. Я пытался искать, но не мог найти то, что мне нужно.
Прежде чем идти вперед и начать строить этот сайт, не могли бы вы сказать мне, если это возможно, как я могу достигнуть этого?
Источник: Insert text in border CSS HTML


Ответ

Добавлю свои 5 копеек...
body { background-image: url(https://avatars.mds.yandex.net/get-pdb/1016956/27ec7a52-f169-49d8-b895-10a84386bb8b/s1200); background-repeat: no-repeat; } fieldset { border: 3px solid white; border-bottom: none; color: white; } fieldset+fieldset { transform: rotatex(180deg); } fieldset+fieldset>legend { transform: rotatex(180deg); } fieldset>p:last-child { margin-bottom: 0; }

Lorem

...content...

Ipsum

Комментариев нет:

Отправить комментарий