css - 复制 Facebook 的按钮元素

标签 css

我正在使用 Aristo 的 CSS3 按钮,参见 here .我喜欢 Facebook 按钮的一件事是蓝色按钮元素的边框和背景之间的灰色小条。要查看此内容,请转到“消息”,然后转到“新消息”..“发送”按钮只有一点灰色以使其弹出。看起来这是用这段代码实现的:

background-position: 0px -17px;

我已经在 jsfiddle here 上进行了尝试.我的目标是尽可能避免创建嵌套元素。我想我也可以创建一个图像并将其设置为背景,但我希望仅使用 CSS 就可以做到这一点。谢谢!

最佳答案

也许您可以使用 outline 属性作为边框,然后使用 border 属性作为高亮。

关于css - 复制 Facebook 的按钮元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3549436/

相关文章:

CSS - 部分文本垂直对齐到表格单元格的底部

整理列上的 CSS 分隔符

python - Django 中的问题

html - 使用 css 创建水平跨越但按钮保持单词大小的按钮

html - 如何叠加图像

css - 如何在 DNN 中为每个页面使用 css 为多个页面使用一个布局?

html - 使链接与上面的图像具有相同的宽度

css - 为 div 添加边框以使其看起来像表格

javascript - AmPieChart 值和百分比

html - 为什么我表格中的最后 3 行单元格没有与我的 HTML 表格中的第一行完全对齐?