仿facebook按钮

最新推荐文章于 2025-11-28 12:12:56 发布

原创最新推荐文章于 2025-11-28 12:12:56 发布 · 404 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#facebook #浏览器 #测试 #ie

css 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用CSS为按钮设置样式的技巧，并提供了具体的样式代码示例。样式包括边框颜色渐变效果及背景色设定等，适用于创建美观且统一风格的按钮组件。值得注意的是，该样式在Chrome浏览器下表现良好，但在IE6中存在一些显示问题。

.btn {
	display:inline-block;
	border-top:1px solid #29447E;
	border-right:1px solid #29447E;
	border-bottom:1px solid #D8D8D8;
	margin:2px;
}
.btn a {
	display:inline-block;
	border-top:1px solid #8A9CC2;
	border-left:1px solid #29447E;
	border-bottom:1px solid #1A356E;
	background:#5B74A8;
	color:#fff;
	font-size:13px;
	padding:3px 8px;
}

span.btn>a

chrome通过，不过ie6有瑕疵。其他浏览器未测试