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

Question

Yuhg jjgghjj hhngbjg ggf。 fbg。 Ghhp

Answer 1

.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;
}

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

关于您在评论中添加的要求，您必须将图像分成两部分并使用所谓的sliding-doors technique。此外，您的 a 标签内还需要另一个标签，例如a span，以便能够应用此技术。

http://alistapart.com/article/slidingdoors

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

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

how to make a navigation out of images and add text inside the image?

html

css

navigation

web