1

この投稿で説明されているように、テキストシャドウを使用してテキストのアウトラインを無地にするコードを見たことがあります。CSSフォントの境界線？でもボーダーには画像を使いたいです。追加すると

border-image: url (  );

このコードに： 

.mytext {
background: url( ); 
-webkit-text-fill-color: transparent; 
-webkit-background-clip: text; 
}

文字に輪郭を描くものではなく、テキスト全体の周りに画像の境界線を追加します。これに対する修正はありますか？

4

1 に答える 1

0

このように影を付け、単一のdivで複数の境界線に与えます

.imgtag{
background:url(http://www.gravatar.com/avatar/1e8f64b9e6549d2664907753f7df05e3?s=32&d=identicon&r=PG) no-repeat 0 0;
  width:100px;
  height:100px;
  border:solid 10px red;
  box-shadow:0 0 0 4px green, 0 0 0 10px yellow , 0 0 0 15px pink , 0 0 0 20px black ;
  margin:100px;
}

ライブデモ

于 2012-09-18T04:27:50.923 に答える