從圖像中自定義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邊框

回答

相關問題