如何制作圆角按钮
来源：2-1 CSS3边框 圆角效果 border-radius
羊跳
2016-07-20 16:33
如何把按钮做成圆角的
写回答
关注
5回答
-
- 我不是管家
- 2016-10-19 09:50:58
学到后面章节，有阴影
-
- 羊跳
- 2016-08-01 11:17:48
这样没有按下去的感觉
-
- gucheng
- 2016-07-31 17:06:59
<html>
<title>圆角按钮@gusion</title>
<head>
<style type="text/css">
.circle{
height:100px;
width:100px;
border-radius:50px;
border:0px;
}
</style>
</head>
<body>
<button type="button" class="circle" >圆角按钮</button>
</body>
</html>
-
- 羊跳
- 2016-07-21 08:53:32
这样的话按钮上有条黑线，怎么去掉
-
- Mr_Makai
- 2016-07-20 16:54:57
可以使用CSS3最新的属性，利用border-radius=1px 1px 1px 1px ;来设置四个方向的圆角,遵循左上角、右上角、右下角、左下角。这样的顺序，这里面的1px的值，你可以设置为想要到的数值，我只是做个示范，也可以简写
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242553 学习 · 2623 问题
相似问题