从图像中自定义html边框

是否可以从我创建的图像为html表格创建自定义边框？我正在使用Adobe Fireworks，并希望将其中一个画笔用作我的表格边框。到目前为止，我只找到了如何使用预设的边界类似如下：从图像中自定义html边框

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

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

来源

2012-02-27 zzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

它不能很好的跨浏览器的支持，但你应该看看在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/

来源

2012-02-27 02:13:04

CSS3支持图像边界：http://www.norabrowndesign.com/css-experiments/border-image-anim.html但浏览器的支持性较差的IE http://caniuse.com/#feat=border-image

来源

2012-02-27 02:15:16

从图像中自定义html边框

回答

相关问题