像 Google 一样创建 Span [关闭]

【问题标题】：Creating Span Like Google [closed]像 Google 一样创建 Span [关闭]
【发布时间】：2013-12-21 09:06:39
【问题描述】：

如何通过简单的 css 和 Html 重新创建类似的跨度（用红色轮廓标记）。不使用 bootstrap 之类的库。谁能给我一个小提琴演示？

【问题讨论】：

不，这不是这个网站的目的。您应该尝试自己解决问题，并发布您尝试的解决方案。
来吧。谷歌“CSS nice buttons”并开始阅读。
右键 -> 检查元素... ?
@meagar 是的，我正在努力弄清楚。正如 Sverri M. Olsen 所说，我正在阅读创建这种风格的不同选项。可能很天真，但在小提琴中创造了一个。我正在努力进一步改进它。小提琴演示：jsfiddle.net/SageGandhi/Tsany/1
如果您在开发工具中检查按钮，您可以从字面上看到它是如何构建的每个细节。您希望从此处尚未看到的答案中学到什么？

【解决方案1】：

制作方法如下：

HTML

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

CSS

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

随意定制它:-)

享受定制！

一些专业提示：使用 Web Inspector Tool (F12) 并查看 Web 元素是如何制作的..

【讨论】：