html - 使用图像作为网站的边框

Question

我正在为一家媒体机构创建一个网站，我需要在该网站上插入一个框架类型的边框。该网站应该看起来像它被放置在电视中。Television Image 是一个 PNG 文件，外部是透明的，内部是透明的。

我的网站在 www.mediamantra.co/demo我希望该网站实际上看起来像:

我认为有一个 z-index CSS 属性，但它没有用。如果有任何建议和指导，我将不胜感激。

Answer 1

它看起来不错..!!为什么你需要做这样的事情？

无论如何，您可以使用 .png 图像覆盖网站并给您的 body 一个边框，以便在四个边周围留出空间，例如

body:before, body:after {
    content: "";
    position: fixed;
    background: #00;
    left: 0;
    right: 0;
    height: 10px; //according to your image
}
body:before {
    top: 0;
}
body:after {
    bottom: 0;
}
body {
    border-left: 10px solid #900; //according to your image
    border-right: 10px solid #900;  //according to your image
}