Question

我见过使用text-shadow的代码使文本有一个简单的颜色轮廓，就像这篇文章描述的那样：CSS Font Border?但是我想用一个图像作为边框。当我添加

border-image: url (  );

到此代码：

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

它在整个文本周围添加了一个图像边框，而不是一个与字母轮廓对齐的图像边框。有没有解决这个问题？

Answer 1

阴影就像这样，并给出单个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;
}

的 Live demo 的

使用CSS的文本图像边框？

1 个答案: