이미지 페이지 테두리

Question

html과 css를 사용하여 간단한 웹 사이트를 만들어야합니다. 내가해야 할 일은 : 나는 이미지를 찍어 그것을 페이지 테두리로 만들 필요가있다.

그래서 여기까지 내가 한 것을 보여줄 수 없습니다. 어디서부터 시작해야할지 정확히 알지 못했기 때문에.하지만 제대로 이해한다면. HTML 코드에 그림을 넣어야합니다. 그것을 css 파일에서 desine하십시오. 그러나 어떻게 그리고 어떤 코드?

<p><img src="images/logo.gif" alt="Head First Lounge" /></p> 

그러나 css. 나는 그다지하지 않는다.

감사합니다.

Answer 1

당신이 찾고있는 것이 border-image 속성입니다.

Demo

div { 
    border:5px solid transparent; 
    border-image: url(http://www.kswholesaletile.com/images/kswt-theme/diamond-tile-432x432.jpg) 10 10 round; 
} 

그냥 당신은 또한 이전 버전의 브라우저를 지원하는 접두사 속성을 사용하여 확인이 -moz 또는 -webkit