2

CSSでこれを行いました: ここに画像の説明を入力

しかし、クライアントに画像フレームを変更してもらいたいです。私の画像では、現在のフレームは単なる色 (#000) です。しかし、フレームは装飾的です。したがって、クライアントはフレーミングに装飾的な画像を使用する必要があります。W3Schools の border-image プロパティのレッスンを見てきました。

構文は次のとおりです。

border-image: source slice width outset repeat;

しかし、次のような画像を使用すると、それを行うことができませんでした。

ここに画像の説明を入力

  • 理解できません: ボーダー画像の寸法 (幅-高さ) の構文はどのように動的ですか?
4

2 に答える 2

2

border-image プロパティは、CSS ボーダーで画像を使用できるようにする目的で CSS3 に導入されたプロパティの 1 つです。

CSS の border-image プロパティは、複数の「境界画像」関連のプロパティを 1 か所で設定するための省略形のプロパティです。つまり、border-image プロパティは、境界線に画像を追加する効率的な方法です。

div{-webkit-border-image: url(/properties/border-image-1.png) 30 30 round;-moz-border-image: url(/properties/border-image-1.png) 30 30 round;-ms-border-image: url(/properties/border-image-1.png) 30 30 round;-o-border-image: url(/properties/border-image-1.png) 30 30 round;border-image: url(/properties/border-image-1.png) 30 30 round;}

このリンクはあなたに役立つかもしれません.

http://css-tricks.com/understanding-border-image/

幸運を祈ります:);

于 2013-04-04T11:48:31.873 に答える
2

バーを動かすと x 値と y 値がどのように変化するかを示す境界画像ジェネレーターを見つけました。リンクは次のとおりです。

http://border-image.com/

お役に立てれば...

于 2013-04-04T11:50:05.353 に答える