问答详情
源自：2-1 CSS3边框 圆角效果 border-radius

如何制作圆角按钮

如何把按钮做成圆角的

提问者：羊跳 2016-07-20 16:33

个回答

  • 我不是管家
    2016-10-19 09:50:58

    学到后面章节，有阴影

    0
  • 羊跳
    2016-08-01 11:17:48

    这样没有按下去的感觉


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

    1
  • 羊跳
    2016-07-21 08:53:32

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


    0
  • Mr_Makai
    2016-07-20 16:54:57

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

    0