반응형
border-image: url(이미지주소) 오프셋 옵션;
예제: http://jmnote.com/css/border-image.php
<style>
div {
width: 300px;
margin: 50px;
border: 9px solid transparent;
}
.border-round {
border-image: url(//www.w3schools.com/cssref/border.png) 30 round;
}
.border-stretch {
border-image: url(//www.w3schools.com/cssref/border.png) 30 stretch;
}
</style>
<div class='border-round'>안녕</div>
<div class='border-stretch'>친구들</div>
<img src='//www.w3schools.com/cssref/border.png'>
반응형
'유용한정보' 카테고리의 다른 글
HTML 5 video 코드 사용 및 jQuery로 동영상 동적 load (0) | 2015.02.21 |
---|---|
[HTML5] Video & Audio (0) | 2015.02.21 |
JavaScript 최적화 (CompressorRater) (0) | 2015.02.20 |
jquery 기본문법 (0) | 2015.02.16 |
위, 아래 자동 스크롤 (0) | 2014.09.01 |
<UL><LI>를 이용한 가로정렬 메뉴 만들기 (0) | 2014.09.01 |
홈페이지에 무료음악 플레이어 설치하기 (0) | 2014.06.06 |
스마트폰 무료음악 감상 어플리케이션 (0) | 2014.06.06 |
댓글