Пользовательские границы HTML из изображения - PullRequest
Новая
       49

Пользовательские границы HTML из изображения

1 голос
/ 27 февраля 2012

Можно ли создать пользовательскую рамку для таблицы HTML из изображения, которое я создаю? Я использую Adobe Fireworks и хочу использовать одну из их кистей в качестве границы стола. До сих пор я только нашел, как использовать предустановленную границу, как показано ниже: 

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

Вместо того, чтобы использовать стиль рамки: с самого начала, я хотел бы создать свой собственный. Код сверху был основан на коде от Этот сайт

Ответы [ 2 ]

3 голосов
/ 27 февраля 2012

Это не очень хорошо поддерживается во всех браузерах, но вы должны взглянуть на атрибут 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/

2 голосов
/ 27 февраля 2012

CSS3 поддерживает границы изображения: http://www.norabrowndesign.com/css-experiments/border-image-anim.html, но браузер плохо поддерживает IE http://caniuse.com/#feat=border-image

...