테두리 이미지 태그를 사용하여 CSS로 맞춤 테두리를 만듭니다. 사용중인 배경색이 테두리와 같은 색상입니다. 그러나 그것은 전체 높이를 채우지 못합니다.맞춤 테두리 CSS 및 배경 이미지
<!DOCTYPE html>
<html>
<head>
<style>
div{
border:15px solid transparent;
width:250px;
}
div p {
background-color: #74c7a9;
padding-right: 20px;
padding-bottom: 20px;
}
#round {
-webkit-border-image:url(border2.png) 30 30 round; /* Safari 5 */
-o-border-image:url(border2.png) 30 30 round; /* Opera */
border-image:url(border2.png) 30 30 round;
}
</style>
</head>
<body>
<div id="round">
<p>Here, the image is tiled (repeated) to fill the area.
</p>
</div>
</body>
</html>