纯css实现的漂亮圆角按钮

最新推荐文章于 2024-06-24 10:48:58 发布

简单的绿竹

最新推荐文章于 2024-06-24 10:48:58 发布

阅读量5.7k

点赞数

分类专栏： css

css 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

http://www.6a8a.com/2011/biaodananniu_0707/2758.html

<html>
<head>
<title>纯css实现的漂亮圆角按钮_网页代码站(www.6a8a.com)</title>
<style type="text/css">
.a{float:left; border-width:1px 0; border-color:#bbbbbb; border-style:solid;}
.b{height:22px; border-width:0 1px; border-color:#bbbbbb; border-style:solid; margin:0 -1px; background:#e3e3e3; position:relative; float:left;}
.c{line-height:10px; color:#f9f9f9; background:#f9f9f9; border-bottom:2px solid #eeeeee;}
.d{padding:0 8px; line-height:22px; font-size:12px; color:#000000; clear:both; margin-top:-12px; cursor:pointer;}
</style>
</head>
<body>
<div class="a">
<div class="b">
<div class="c"> </div>
<div class="d">css圆角按钮</div>
</div>
</div>
<br />

</body>
</html>