CSS3 실습 6-2

SMALL

이미지 테두리 만들기 1

[Direction:] 다음 그림처럼 이미지 테두리를 이용하여 꾸며 보시오. (단, 테두리의 두께는
15px, padding은 5px로 하여 테두리와 이미지 사이에 공간이 있게 하시오)

<!DOCTYPE html>
<html>
    <head>
        <title>이미지 테두리 1</title>
        <style>
            img{
                padding: 5px;
                border: 15px solid; /*border style 대신 지전하는거니까
                                       꼭!!!!!작성 (solid,dotted...)*/
                border-image: url("borderImg1.png") 30 round;
            }
        </style>
    </head>
    <body>
        <h1>이미지 테두리 만들기</h1><hr>
        <img src="이미지.jpg">
    </body>
</html>