html - 图片页面边框

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