为了账号安全,请及时绑定邮箱和手机立即绑定

如何制作圆角按钮

如何把按钮做成圆角的

正在回答

5 回答

学到后面章节,有阴影

0 回复 有任何疑惑可以回复我~

这样没有按下去的感觉


0 回复 有任何疑惑可以回复我~

<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>

1 回复 有任何疑惑可以回复我~

这样的话按钮上有条黑线,怎么去掉


0 回复 有任何疑惑可以回复我~

可以使用CSS3最新的属性,利用border-radius=1px 1px 1px 1px ;来设置四个方向的圆角,遵循左上角、右上角、右下角、左下角。这样的顺序,这里面的1px的值,你可以设置为想要到的数值,我只是做个示范,也可以简写

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242549    人
  • 解答问题       2623    个

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

进入课程

如何制作圆角按钮

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信