css设置圆角，在CSS中如何设置一个元素的圆角边框

十多年的新丰网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整新丰建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“新丰网站设计”,“新丰网站推广”以来，每个客户项目都认真落实执行。

1，在CSS中如何设置一个元素的圆角边框

可以通过border-radius属性设置元素的圆角单位最常见的是px rem百分比等

添加圆角背景图。或是用9格表单做附上一个css制作的代码给你参考

2，如何用CSS代码设定按钮的圆角样式

在样式中加入border-radius: 5px; background:#eb2744;注意限定按钮的宽度以及高度！

如我的样式是这样写的

.hotline24{ width:60px; height:30px;border-radius: 5px; background:#eb2744; line-height:30px; text-align:center; color:#fff;font-size:13px;} <div class="hotline24"><b>提交</b></div>

3，CSS怎么设置圆角属性请给出divcss

border-radius:30px;margin:0 auto;

楼上的是正确的，其实两个效果都是一样的不过是不同浏览器罢了-webkit-border-radius: 10px; border-radius: 10px;

#divwidth:100px;height:100px;background:#000000;//设置弯曲程度，当然也可以分别设置；比如只设置左下角：border-bottom-left-radius:10px;border-radius:10px;}

-webkit-border-radius: 10px; 只支持webkit内核的浏览器border-radius: 10px; 只支持IE内核的浏览器（IE>=7)-moz-border-radius : 10px; 只支持Mozilla内核的浏览器现在最大兼容性的做法是使用圆角图片做背景，来产生圆角效果

-webkit-border-radius: 10px; border-radius: 10px;

4，用css设置表格为圆角

圆角没有直接的样式，一般的方法都是把圆角作为图片切出来组合；JS虽然可以写圆角，但很难兼容各个版本的浏览器；大部分人一般做图都尽量避免圆角或者只能把圆角切出来

5，怎样利用css样式为html元素设置圆角框

border-radius123456789101112131415161718192021222324252627282930313233343536

123123

水平与垂直半径相同时：

提供1个参数
border-radius:10px; 提供2个参数
border-radius:10px 20px; 提供3个参数
border-radius:10px 20px 30px; 提供4个参数
border-radius:10px 20px 30px 40px;

水平与垂直半径不同时：

提供1个参数
border-radius:10px/5px; 提供2个参数
border-radius:10px 20px/5px 10px; 提供3个参数
border-radius:10px 20px 30px/5px 10px 15px; 提供4个参数
border-radius:10px 20px 30px 40px/5px 10px 15px 20px;

本文标题：css设置圆角，在CSS中如何设置一个元素的圆角边框
分享网址：http://cdiso.cn/article/ehcjjs.html