Html DIV上的图像边框

是否可以使用宽度为480px、高度为360px的图像并将其应用于div作为边框？我知道可以实现下面的css代码作为边框，但我似乎无法解决如何使用图像

border:1px solid blue;

CSS3规范具有边框图像属性。查看本文：了解如何使用它的信息

总结如下：

应用边框图像的方式如下：

border-image: url(border-image.png) 25% repeat;

通过提供图像的URL、图像的切片位置以及将图像应用于元素边框的行为。

CSS3规范具有边框图像属性。查看本文：了解如何使用它的信息

总结如下：

应用边框图像的方式如下：

border-image: url(border-image.png) 25% repeat;

---

通过提供图像的URL、图像的切片位置以及将图像应用于元素边框的行为。

实际上，您可以使用技巧来实现这一点。查看我使用谷歌作为边框的图片

基本上，这个想法是有两个div

<div id="borderDiv"><!-- This will serve as the border -->
    <div id="inner">
    </div>
</div>

---

实际上，你可以用一个技巧来做到这一点。查看我使用谷歌作为边框的图片

基本上，这个想法是有两个div

<div id="borderDiv"><!-- This will serve as the border -->
    <div id="inner">
    </div>
</div>

---

CSS3和嵌套div的答案都是很好的答案，但这取决于您最看重什么。如果边框图像对您的设计至关重要，那么一个好的经验法则就是使用最广泛支持的解决方案。在本例中，这将是嵌套的div。但是，如果语义标记和易用性对您来说更为重要，请使用CSS3设计边界图像。只需意识到，浏览器支持将减少，因此能够欣赏效果的观众将减少

---

最重要的是，了解你的主要受众和他们使用的浏览器。为他们设计。

使用CSS3和嵌套div的答案都是不错的答案，但这取决于你最看重什么。如果边框图像对您的设计至关重要，那么一个好的经验法则就是使用最广泛支持的解决方案。在本例中，这将是嵌套的div。但是，如果语义标记和易用性对您来说更为重要，请使用CSS3设计边界图像。只需意识到，浏览器支持将减少，因此能够欣赏效果的观众将减少

---

最重要的是，了解你的主要受众和他们使用的浏览器。为他们设计。

你能澄清你的问题吗，或者你能上传任何图片或图表来展示你想要做什么吗？嗨，西坎德，我正在这个网站上工作，我想在DIV容器上使用一个图像边框，它是所有内容的大盒子。非常感谢，德林。嗨，塔伦，我想用的是我放在上面的那个彩盒。我想用它的边缘：你能澄清你的问题吗，或者你能上传任何图片或图表来显示你想要做什么吗？嗨，西坎德，我在这个网站上工作，我想在DIV容器上使用一个图片边框，它是所有内容的大盒子。非常感谢，德林。嗨，塔伦，我想用的是我放在上面的那个彩盒。我想使用的边缘：+1注意，它包括可预见的，即不了解任何边界图像。但是又一次好的老css3派来拯救。。。对于IE版本6++1，请注意，它包括可预见的，IE不理解任何边界图像。但是又一次好的老css3派来拯救。。。对于IE版本6+