怎么用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空間新浪微博騰訊微博人人網微信
產品服務

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

2019十大信誉棋牌评测网 最新长沙麻将规则 3d三个号今晚开奖 配资指数 北京pc蛋蛋走势图 5分彩是正规的吗 K线猎手 十一选五组选三 陕西十一选五电子走势图 今天浙江20选5开 易投配资 云南昭通未来同城麻将 浙江飞鱼隘口 休彩浙江11选5走势图 福彩3d个位振幅走势图 下载东北辽宁麻将大全 中国篮球联赛有哪些