이미지에서 사용자 정의 html 테두리

Question

내가 만든 이미지에서 html 테이블에 대한 사용자 정의 테두리를 만들 수 있습니까? 어도비 불꽃 놀이를 사용하고 있으며 내 테이블 테두리로 브러쉬 중 하나를 사용하고 싶습니다. 지금까지 나는 단지 다음과 같이 설정 한 경계를 사용하는 방법을 발견했다 :

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

대신 테두리 스타일을 사용하는 : 처음을, 난 내 자신을 만들고 싶습니다. 위의 코드는 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

가난