[CSS팁] 텍스트에 흰 배경 넣기 (box-shadow 활용)
[CSS] 텍스트에 흰 배경 넣기 (box-shadow 활용)홈페이지 디자인을 하면서 메인 프로모션 타이틀 텍스트 배경을 흰색으로 넣고 싶었다. 그래서 일단 아는대로 background-color : #fff; 를 넣고 padding: 0 20px; 을 넣었는데 아래와 같은 문제발생! padding 값이 맨 앞과 맨 뒤에만 먹는다.-> 자동 줄바꿈이 되면 앞쪽이 들여쓰기가 되지않아 줄이 안맞음. 그리고 열심히 찾아본 결과 위와 같이 양옆좌우가 일정한 여백을 갖는 배경을 넣을 수 있었다! 방법은 바로 box-shadow!약간 야매의 방법이기는 한데 흰색 그림자를 x축기준 오른쪽, 왼쪽에 넣어주는 것이다.blur(퍼짐)와 opacity(투명도)가 없는 흰색그림자가 좌우에 깔려서 마치 여백이 생긴 것처럼 착시..
H-정보공유/블로그 & CSS
2018. 8. 28. 19:29
