배경 없이 양면에 수평선이 있는 제목을 만드는 방법
이 시나리오에서는 배경색 없이 양쪽에 수평선이 있습니다.
CSS 솔루션:
h1 { position: relative; font-size: 30px; z-index: 1; overflow: hidden; text-align: center; } h1:before, h1:after { position: absolute; top: 51%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; background-color: red; } h1:before { margin-left: -50%; text-align: right; } /*Optional for background color*/ .color { background-color: #ccc; }
설명:
참고: 이 솔루션은 줄 배치를 수동으로 조정하지 않고도 다양한 길이의 제목을 처리할 수 있습니다.
위 내용은 다음은 제공된 텍스트에 맞는 몇 가지 질문 기반 기사 제목입니다. * 양쪽에 수평선이 있는(배경 없음) 중앙 제목을 만드는 방법은 무엇입니까? * 당신에게 수평선을 추가하고 싶습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!