怎么用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空间新浪微博腾讯微博人人网微信
产品服务

欣网网络的小伙伴们随时为您待命