html - 我怎样才能使我的网页按钮看起来像那些 facebook 按钮?

标签 html css

有人可以在这里分享一个脚本,让我的网页按钮看起来和感觉像 Facebook 的按钮,或者至少在某种程度上。提前致谢。我很想知道这一点,因为在 css 的帮助下已经尝试了 7 天,但没有成功。请帮我。

最佳答案

我建议使用 Chrome 开发工具或 Firefox 的 Web 开发工具之类的工具,并简单地检查您要模仿的样式的按钮。 我刚刚在 Facebook 上找到了一个按钮,他们似乎正在使用带有此样式表的标签容器:

webkit-box-shadow: rgba(0, 0, 0, 0.046875) 0px 1px 0px 0px;
background-attachment: scroll;
background-clip: border-box;
background-color: #DDD;
background-image: none;
background-origin: padding-box;
border-bottom-color: #999;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #999;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #999;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #999;
border-top-style: solid;
border-top-width: 1px;
color: #666;
cursor: pointer;
direction: ltr;
display: inline-block;
font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
height: 16px;
line-height: normal;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
overflow-y: visible;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
text-align: center;
text-decoration: none;
unicode-bidi: normal;
vertical-align: top;
white-space: nowrap;
width: 67px;

看看那些有用的插件能告诉你什么,看看其他人是如何制作他们的 CSS 的。

干杯!

关于html - 我怎样才能使我的网页按钮看起来像那些 facebook 按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4946171/

相关文章:

html - 在中心发布对齐图标字体

javascript - 图标动画禁用我的导航栏

javascript - Django View 组件没有对齐?

html - 如何在 Wordpress 中内联编辑 HTML、CSS 代码

html - 如何更改 <select> 的 <optgroup> 标签的样式?

javascript - 我是否需要在 cordova/phonegap 项目的所有 html 文件中添加 app.initialize()

html - CSS - 一个元素中的下划线、删除线和上划线(带有样式和颜色)

html - Bootstrap 4 如何使两个选项卡 Pane 的高度相等?

javascript - 带有图像的本地存储

css - 如何在盒子底部显示这种阴影 - 三 Angular 形 - 深度阴影