텍스트에 밑줄 긋기

텍스트에 밑줄 긋기

QA

텍스트에 밑줄 긋기

본문

https://bear0724.com/diary/15

일기장 게시판을 만들고 있습니다. 백그라운드 이미지를 활용해 밑줄을 그어줬는데

저 밑줄을 bo_v_con 사이즈 만큼 늘려주려고합니다. display를 block으로 주면 사이즈는 늘어나지만

백그라운드 이미지로 줄을 그어주나 border로 줄을 그으나 한줄마다 각각 밑줄이 적용이 되는게 아니라

맨 하단 글자에만 적용이 됩니다.

 

저 링크처럼 아래 다른 사람이 만든 것 처럼 한줄 마다 줄 공책처럼 밑줄을 저렇게 그어 주려고합니다.

https://jsfiddle.net/chriscoyier/KVjFQ/1/

 

어떠한 방법이 있을까요?

이 질문에 댓글 쓰기 :

답변 3

밑줄을 CSS로 해결하려면 줄 사이사이 구분할 요소가 있어야 하는데

해당 글 경우 아무런 요소 없이 글만 줄바꿈되는 형태라 힘들 듯 합니다.

 

 

라인 구분선을 만들 수 있는 요소로는 div, hr, li, p 정도만 떠오르는데,

이 태그들의 용도와 맞지 않는 성격이라...

배경미지로 처리하시는 수밖에 없을 듯 싶네요.

 

 

 

css 에서 text-decoration: underline; 를 물어보는 건가요??

div나 li 활용해보시는게

답변을 작성하시기 전에 로그인 해주세요.
전체 146
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT