課程
/前端開發
/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圓角內容問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-10-19
學到后面章節，有陰影
2016-08-01
這樣沒有按下去的感覺
2016-07-31
<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
這樣的話按鈕上有條黑線，怎么去掉
2016-07-20
可以使用CSS3最新的屬性，利用border-radius=1px 1px 1px 1px ;來設置四個方向的圓角,遵循左上角、右上角、右下角、左下角。這樣的順序，這里面的1px的值，你可以設置為想要到的數值，我只是做個示范，也可以簡寫