Question

是否可以从我创建的图像为html表创建自定义边框？我正在使用adobe烟花，并希望使用他们的一个画笔作为我的桌边框。到目前为止，我只发现了如何使用预设边框，如下所示：

<STYLE type="text/css">
.table{
    border-style:outset;
    border-color: red;
    border-width:10px;
      }
</style>

而不是使用边框样式：outset，我想创建自己的。上面的代码基于This website

的代码

Answer 1

浏览器不支持它，但您应该查看css3属性border-image：

-moz-border-image:url(border.png) 30 30 round; /* Firefox */
-webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;

IE在这里是个奇怪的人，但除此之外它应该运作良好。这里有一篇好文章：http://www.css3.info/preview/border-image/

Answer 2

CSS3支持图片边框：http://www.norabrowndesign.com/css-experiments/border-image-anim.html但IE浏览器支持效果不佳http://caniuse.com/#feat=border-image

来自图像的自定义html边框

2 个答案: