image - 在 CSS 中使用 8 个单独的边框图像而不是 border-image

标签 image css border

我已经获得了 8 个单独的图像(左上、上、右上等)作为主要(固定宽度)内容框周围的边框。如果给我一张图片,我会使用 border-image .

使用这 8 张图片的最佳方式是什么?具有绝对定位的div?还是我应该将它们合二为一?

最佳答案

将图像组合成一个有什么难的?它还有许多其他优点,例如减少客户端需要发出的 HTTP 请求的数量。

另一种方法是使用 CSS3 的多背景图像功能,您可以将每个图像设置为框中的一个图层。

关于image - 在 CSS 中使用 8 个单独的边框图像而不是 border-image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15890578/

相关文章:

html - 防止文本在图像后面移动

php - 比较数组和数据库表,如果找到任何匹配项,则获取 img url 并插入到 PHP 中

javascript - 为多个实例使用复选框

html - 如何将页脚粘贴到底部?

android - DialogFragment 中的 VideoView

javascript - 使用javascript从谷歌图片中获取随机图片

c# - UWP 应用程序更快地加载图像?

html - 为什么边框: 5px dashed not come out as dashed in Firefox?

css - 单击时图像上出现白色边框 :S

CSS 表格边框半径