텍스트에 밑줄 긋기 채택완료
길가던분
4년 전
조회 3,792
일기장 게시판을 만들고 있습니다. 백그라운드 이미지를 활용해 밑줄을 그어줬는데
저 밑줄을 bo_v_con 사이즈 만큼 늘려주려고합니다. display를 block으로 주면 사이즈는 늘어나지만
백그라운드 이미지로 줄을 그어주나 border로 줄을 그으나 한줄마다 각각 밑줄이 적용이 되는게 아니라
맨 하단 글자에만 적용이 됩니다.
저 링크처럼 아래 다른 사람이 만든 것 처럼 한줄 마다 줄 공책처럼 밑줄을 저렇게 그어 주려고합니다.
https://jsfiddle.net/chriscoyier/KVjFQ/1/
어떠한 방법이 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
sinbi
Expert
4년 전
밑줄을 CSS로 해결하려면 줄 사이사이 구분할 요소가 있어야 하는데
해당 글 경우 아무런 요소 없이 글만 줄바꿈되는 형태라 힘들 듯 합니다.
라인 구분선을 만들 수 있는 요소로는 div, hr, li, p 정도만 떠오르는데,
이 태그들의 용도와 맞지 않는 성격이라...
배경미지로 처리하시는 수밖에 없을 듯 싶네요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
길가던분
4년 전
div나 li를 주던지 배경 이미지로 처리 해야 되겠습니다. 감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
�
길가던분
4년 전
역시 div나 li를 주던지 배경 이미지로 처리 해야 되겠습니다. 감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인