怎么用css控制div邊框變成圓角
作者:溫州網站建設   發布時間:2016-10-22  瀏覽:

怎么用css控制div邊框變成圓角?今天,小編把用css控制div變成圓角的方法分享給大家,希望對css小白有點幫助。

讓上面兩個變成圓角,下面四方不變的代碼:

 

.kongzhi{ border:1px #C00 solid; width:300px; height:200px; webkit-border-radius:10px; border-radius:10px 10px 0 0; }

效果如下圖所示:

如果想要讓四個角都變成圓角的話,可以使用下面的代碼

.kongzhi{ border:1px #C00 solid; width:300px; height:200px; webkit-border-radius:10px; border-radius:10px 10px 0 0; }

效果如下圖所示:

大家想用什么類型的邊框,就調用哪種類型的代碼,邊框大小,大家可以自己設置,width:300是寬度,height:200px是高度,數值越大框框越大,數值越小框框越小,大家自己測試下就知道了。

 

 

分享到:QQ空間新浪微博騰訊微博人人網微信
產品服務

欣網網絡的小伙伴們隨時為您待命

河北排列7开奖结果