텍스트에 밑줄 긋기
본문
일기장 게시판을 만들고 있습니다. 백그라운드 이미지를 활용해 밑줄을 그어줬는데
저 밑줄을 bo_v_con 사이즈 만큼 늘려주려고합니다. display를 block으로 주면 사이즈는 늘어나지만
백그라운드 이미지로 줄을 그어주나 border로 줄을 그으나 한줄마다 각각 밑줄이 적용이 되는게 아니라
맨 하단 글자에만 적용이 됩니다.
저 링크처럼 아래 다른 사람이 만든 것 처럼 한줄 마다 줄 공책처럼 밑줄을 저렇게 그어 주려고합니다.
https://jsfiddle.net/chriscoyier/KVjFQ/1/
어떠한 방법이 있을까요?
답변 3
밑줄을 CSS로 해결하려면 줄 사이사이 구분할 요소가 있어야 하는데
해당 글 경우 아무런 요소 없이 글만 줄바꿈되는 형태라 힘들 듯 합니다.
라인 구분선을 만들 수 있는 요소로는 div, hr, li, p 정도만 떠오르는데,
이 태그들의 용도와 맞지 않는 성격이라...
배경미지로 처리하시는 수밖에 없을 듯 싶네요.
css 에서 text-decoration: underline; 를 물어보는 건가요??
div나 li 활용해보시는게
답변을 작성하시기 전에 로그인 해주세요.