图像页面边框

Question

我需要使用html和css创建一个简单的网站。我要做的是：我需要拍摄一张图片并使其成为页面边框。

所以我不能告诉你们在这之前我做了什么。因为我不确切知道从哪里开始。但如果我正确理解的话。我必须把图片放在HTML代码中。然后在css文件中设计它。但是如何以及代码？

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

但是css。我没有。

谢谢。

Answer 1

我猜你要找的是border-image属性。

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

Demo

请确保您还使用带前缀的属性来支持旧浏览器，例如-moz或-webkit