copyloc
@copyloc
Человек то я не глупый, просто притворяюсь

Как написать на чистом css рамку с «вырезом» для текста?

GlYmGLa.png
Много раз пытался, но не получилось. Жду любые предложения. Критиковать о том, что я объяснять не умею, не обязательно :)
  • Вопрос задан
  • 8221 просмотр
Решения вопроса 1
copyloc
@copyloc Автор вопроса
Человек то я не глупый, просто притворяюсь
Если вдруг кому нужно, вот я сделал так, это самый простой способ, которым я смог сделать, но не универсальный.

css
.text_theme{
	font-size:10px;
	border-left: 100px solid #333333;
	border-right: 500px solid #333333;
	padding-left:20px;
	padding-right:20px;
}

.box_theme{
	border-left: 10px solid #333333;
	border-right: 10px solid #333333;
	border-bottom: 10px solid #333333;
	padding: 10px;
	width:100% - 20px;
}


html
<div class = "text_theme">ТЕКСТ</div>	
<div class = "box_theme">Содержимое</div>
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
codepen.io/iiil/pen/BgKFj
Вот так это делается )
Ответ написан
zooks
@zooks
Frontend
CSS для текста:
position: relative;
top:20px;
background-color: #000;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы