很多細(xì)心的學(xué)員發(fā)現(xiàn)學(xué)做網(wǎng)站論壇的導(dǎo)航的背景圖片每個角都是圓形的，而不是普通的直角，這就是由于我們在寫DIV+CSS樣式時，將網(wǎng)站導(dǎo)航的DIV的邊框設(shè)置為圓角。

怎么能讓一個DIV或者一個圖片的四角為圓形呢？其實并不需要我們?nèi)グ衙總�角都剪切掉，而只需要設(shè)置每個解的圓狐度即可。

案例代碼：

div{border-radius:5px?5px?0?0;}

設(shè)置DIV對象盒子左上角和右上角5px圓角，其它兩個角為0不圓角

border-radius:3px 4px 5px 6px

代表設(shè)置對象左上角3px圓角、右上角4px圓角、右下角5px圓角、左下角6px圓角。

.box2?img{border-radius:5px}

設(shè)置DIV中的圖片為圓角圖片。

新手必知知識：

• CSS中Class與ID的使用規(guī)范
• 建網(wǎng)站時網(wǎng)頁CSS常用字體設(shè)置方法
• 如何用css3畫三角形和一個圓形

標(biāo)簽： 代碼 建網(wǎng)站

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。