如何从图像导航并在图像中添加文本？

Question

Yuhg jjgghjj hhngbjg ggf. FBG。 Ghhp

Answer 1

＆＃13;

＆＃13;

.button {
  background: url(http://agnesvaldovinos.com/images/bubble.png) no-repeat 0 0;
  color: #fff;
  line-height: 61px;
  height: 61px;
  display: inline-block;
  width: 126px;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  text-indent: -.5em;
}

＆＃13;

<a href="#" class="button">My button</a>

＆＃13;

＆＃13;

＆＃13;

关于您在评论中添加的要求，您必须将图像分为两部分并使用所谓的 sliding-doors technique 。此外，您的a代码中还需要其他标记，例如span，以便能够应用此技术。

  

http://alistapart.com/article/slidingdoors

http://codepen.io/anon/pen/bdLKKb