课程
/前端开发
/HTML/CSS
/十天精通CSS3
如何把按钮做成圆角的
2016-07-20
源自:十天精通CSS3 2-1
正在回答
学到后面章节,有阴影
这样没有按下去的感觉
<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>
这样的话按钮上有条黑线,怎么去掉
可以使用CSS3最新的属性,利用border-radius=1px 1px 1px 1px ;来设置四个方向的圆角,遵循左上角、右上角、右下角、左下角。这样的顺序,这里面的1px的值,你可以设置为想要到的数值,我只是做个示范,也可以简写
举报
本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备
2 回答制作圆角的代码要怎么写?
5 回答制作圆环问题
2 回答是大的圆角还是小的圆角
3 回答为啥没有圆角 ???
2 回答CSS3圆角内容问题