Мне нужно вставить текст по центру в верхнюю и нижнюю границу, которые будут иметь фоновое изображение позади них. Это будет на каждой странице. Я могу добиться этого с помощью 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;
}
Комментариев нет:
Отправить комментарий