像Google一样创建跨度

Question

我如何通过简单的css＆amp; amp重建类似的跨度（用红色轮廓标记） Html.Without使用像bootstrap这样的库。任何人都可以给我一个小提琴演示吗？

Answer 1

以下是你如何制作一个：

HTML

<span class="btn">StackOverflow</span>

CSS

.btn{
  display:block;
  width:100px;
  background:#eee;
  padding:5px
}

随意定制： - ）

小提琴：http://jsfiddle.net/YfQk6/1/

享受自定义！

一些专业提示： 使用Web Inspector Tool（F12）查看Web元素的制作方式..

以下是适用于您的权威指南：https://developers.google.com/chrome-developer-tools/