테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

css border 에 이미지 넣는방법? 채택완료

블랙앤화이트 8년 전 조회 3,834
답변 4
목록

border-bottom에 이미지를 넣으려고 하는데요.

전에 검색하다가 본거 같은데 찾으니까 안나오네요.

 

border-bottom에 이미지 넣는방법이 있나요? 

#css
댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
nanati
nanati
8년 전

이런거 말씀하시는건가요?

 

http://www.w3schools.com/cssref/css3_pr_border-image.asp" target="_self">http://www.w3schools.com/cssref/css3_pr_border-image.asp 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

�
블랙앤화이트
8년 전
링크 감사합니다. ^^

이거는 적용해 봤었는데 제가 잘 못해서 그런건지 모르겠는데
아래처럼 아래라인만 넣을려고 하는데요
제가 원하는 형태가 안되는거 같아요.
n
nanati
8년 전
그럼 보더 말고 ::after로 넣으면 되지 않을까 싶은데요~
n
nanati
8년 전
이런건 어떠세요?
http://bookmark.weblike.jp/img_test/bgtest.html
�
블랙앤화이트
8년 전
감사합니다 깔끔하네요 ^^

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
8년 전

그냥 하단만 저렇게 하실려면, 조그마한 패턴 이미지 준비하셔서,

하단에 20px 정도 높이주고, 배경 반복시키는 게 낫지 않을까요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
블랙앤화이트
8년 전
제가 첨부로 올린 이미지가 잘안되서 그렇게 배경으로 넣은건데요.
라인으로 넣으면 점더 깔끔하고 나을거 같아서요

댓글을 작성하려면 로그인이 필요합니다.

블


 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

k
kisiki
8년 전

와우 좋은거 배워 갑니다.

 

보더는 solid, dotted, dased만 있는지 아랐는데

 

이미지도 들어가네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인