課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
如何把按鈕做成圓角的
2016-07-20
源自:十天精通CSS3 2-1
正在回答
學(xué)到后面章節(jié),有陰影
這樣沒有按下去的感覺
<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 ;來(lái)設(shè)置四個(gè)方向的圓角,遵循左上角、右上角、右下角、左下角。這樣的順序,這里面的1px的值,你可以設(shè)置為想要到的數(shù)值,我只是做個(gè)示范,也可以簡(jiǎn)寫
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁(yè)穿上絢麗裝備
2 回答制作圓角的代碼要怎么寫?
5 回答制作圓環(huán)問(wèn)題
2 回答是大的圓角還是小的圓角
3 回答為啥沒有圓角 ???
2 回答CSS3圓角內(nèi)容問(wèn)題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-10-19
學(xué)到后面章節(jié),有陰影
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 ;來(lái)設(shè)置四個(gè)方向的圓角,遵循左上角、右上角、右下角、左下角。這樣的順序,這里面的1px的值,你可以設(shè)置為想要到的數(shù)值,我只是做個(gè)示范,也可以簡(jiǎn)寫