나는 텍스트의 배경을 단어 자체에 특정한 텍스트 블록으로 만들고 싶은 디자인을 작업 중입니다 (예제 1에 따라). 내가 선행을 줄이면. 즉, 선 높이를 더 단단하고 가깝게 만들면 문제가 발생하고 그 위에있는 문자가 잘립니다.
더 나은 접근 방식을 검색하여 앞선이 빡빡하고 멋진 블록 배경을 유지할 수 있습니다.
.example1 {line-height: 1.4}
.example2 {line-height: 1.1}
.box { margin: 0 0 50px 0; padding: 0; font-family: helvetica, arial; font-weight:bold; font-size: 40px; width: 550px; }
.box > span { background-color: #060055; color: #ffffff; box-shadow: -10px 0px 0 10px #060055, 10px 0px 0 10px #060055, 0 0 0 10px #060055; box-decoration-break: clone; }
<div class="box example1"><span>Testing anything<br> here. Testing anything here. <br>Testing anything here.</span></div>
<div class="box example2"><span>Testing anything<br> here. Testing anything here. <br>Testing anything here.</span></div>
display: inline-block;
스팬 요소 에 스타일을 추가해야합니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다