css如何设置圆角矩形，css3中圆角矩形的方法在哪

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

1，css3中圆角矩形的方法在哪

设置-moz-border-radius属性它的值可以是以px为单位，是圆角的大小。不过这个属性得到Firefox的支持，但是IE是不支持的

点矩形再羽化就可以了

2，如何样用css做出圆角矩形

貌似只有CSS3才能够实现圆角矩形吧。你可以在css中分成3段，前后两段用图片做背景成为圆角，中间用矩形。

css3.0支持圆角功能，不过现在ie6，ie7等浏览器都不支持，我们只能通过用圆角图片做背景的方式来实现！

3，怎么用css写出圆角矩形

http://jimmypassport.spaces.live.com/blog/cns!5782FBEA32A8C375!135.entry看看这个是否对你有帮助

这个代码是网页教学网从互联网收集整理所得, 谢谢支持! 本文来自爱秋天电脑教程网 http://www.loveqiutian.cn, 本文地址： http://www.loveqiutian.cn/bencandy.php?id=60148

4，CSS样式怎么实现圆角矩形功能

做个圆角图片，设成背景就好了。

如果你是用CSS3.0的话，就看楼上如果是CSS2.2的话，我可以简单写一个制作圆角矩形，分上中下裁成三张图CSS3实现圆角

标题

我也是初学者，可能不是太全面，希望您能看懂~~

可以，不过在IE核心里只有CSS3.0才能实现，不过像FIREFOX就OK：写法是这样的。-moz-border-radius:5px 4px 3px 2px;后面那四个值分别人：左上，右上，右下，左下。

楼主，你好！如果是使用css实现圆角的话，那么目前最简单的方法就是css3中的-moz-border-radius、-webkit-border-radius以及border-radius一起使用效果更佳，目前能支持css3的浏览器有ie9及以上版本，google chrome10以上版本，firefox4及以上版本。否则的话，只能使用图片来进行实现了，当然也可以使用css2，但是那个太过于麻烦。下面我给你一个例子，你可以在以上我提到的相应浏览器中进行浏览，那样效果会更好！css3实现圆角

请将以上代码复制粘贴后，保存为html文档即可，然后利用目前最新版的浏览器进行浏览即可看到如下效果：

5，CSS圆角矩形设置

CSS圆角矩形可以使用 Border-radius 属性即可实现。Border-radius 属性相关定义功能及其案例：1. 对浏览器的支持：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。2. 定义和用法：border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。该属性允许您为元素添加圆角边框！默认值：0；继承性：no；版本：CSS3；JavaScript 语法：object.style.borderRadius="5px"。3. 语法：border-radius: 1-4 length|% / 1-4 length|%。length：定义圆角的形状。%：以百分比定义圆角的形状。4. 案例：案例1：border-radius:2em;12345 等同于：border-top-left-radius:2em;border-top-right-radius:2em;border-bottom-right-radius:2em;border-bottom-left-radius:2em; 1 案例2：border-radius: 2em 1em 4em / 0.5em 3em; 12345 等同于：border-top-left-radius: 2em 0.5em;border-top-right-radius: 1em 3em;border-bottom-right-radius: 4em 0.5em;border-bottom-left-radius: 1em 3em 5. 注意事项：按此顺序设置每个 radii 的四个值。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left 相同。

两个问题需要注意：一，border-radius本身是为现代浏览器设计的，但是因为目前css3还没有成为实际上的标准，所以这个严格意义来说是标准的border-radius写法，并不能被所有的现代浏览器支持。而各大浏览器，在border-radius还没有成为w3c官方标准的时候，自己心里都拿不准未来的正式标准怎么写，所以使用了自己的专属标记，因此也就有了-moz之类的专用标签。-moz-是firefox自定义的；-webkit是webkit核心浏览器自定义的，使用这个核心的浏览器是chrome和苹果；建议的写法是不要乱了顺序，border-raidus要放到最后，-moz和-webkit放在前面；二，实际上，你还应该注意到：对border-radius来说，它是对矩形的四个角全部定义的。假如你想只让左上角圆角，而其它三个角仍是直角的话，对不同的浏览器来说，都有特定的专有写法。

border-radius属性只有最新的浏览器才支持。引入一些、前缀属性，以避免开发者因为网页属性选择而影响浏览器功能的发挥。-moz-，火狐特有css扩展样式列表webkit- 针对google chrome、apple safari

就我所知有：设置背景图片还有就是重叠（就是把多个正方形的四个角按一定弧度堆出个圆角来，缺少：明明只需要一个div的，结果要重叠出圆角可能就需要多写十来个呢。）还有就是css3.0 该手册中有圆角参数。但是ie浏览器支持它的很少。其它浏览器最新版本基本都支持。可以下载一个css3.0手册来看看

本文名称：css如何设置圆角矩形，css3中圆角矩形的方法在哪
路径分享：http://cqcxhl.cn/article/ehsecj.html

重庆分公司，新征程启航