ie里的css怎样控制一个圆角的边框

　　border-radius实现边框圆角
　　一、基本语法：
　　border-radius ： none | {1,4} [/ {1,4} ]?
　　二、取值范围：
　　： 由浮点数字和单位标识符组成的长度值。不可为负值。
　　三、简单说明：
　　1、border-radius 是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。如果没有“/”，则水平和垂直半径相等。另外其四个值是按照top-left、top-right、bottom-right、bottom-left的顺序来设置的其主要会有下面几种情形出现：
　　（1）、只有一个值，那么 top-left、top-right、bottom-right、bottom-left 四个值相等。
　　（2）、有两个值，那么 top-left 等于 bottom-right，并且取第一个值；top-right 等于 bottom-left，并且取第二个值
　　（3）、有三个值，其中第一个值是设置top-left;而第二个值是 top-right 和 bottom-left 并且他们会相等,第三个值是设置 bottom-right。
　　（4）、有四个值，其中第一个值是设置 top-left 而第二个值是 top-right 第三个值 bottom-right 第四个值是设置 bottom-left。

　　2、其实 border-radius 和 border 属性一样，还可以把各个角单独拆分出来，也就是以下四种写法，这里我规纳一点，他们都是先Y轴在X轴：

　　border-top-left-radius: //左上角
　　border-top-right-radius: //右上角
　　border-bottom-right-radius: //右下角
　　border-bottom-left-radius: //左下角

　　3、这里说一下，各角拆分出来取值方式： 中第一个值是圆角水平半径，第二个值是垂直半径,如果第二个值省略，那么其等于第一个值，这时这个角就是一个四分之一的圆角，如果任意一个值为0，那么这个角就不是圆角。

　　四、border-radius各浏览器的支持

　　border-radius 只有在以下版本的浏览器：Firefox4.0+、Safari5.0+、Google Chrome 10.0+、Opera 10.5+、IE9+ 支持 border-radius 标准语法格式，对于老版的浏览器，border-radius 需要根据不同的浏览器内核添加不同的前缀，比说 Mozilla 内核需要加上“-moz”，而 Webkit 内核需要加上“-webkit”等，那么我为了能兼容各大内核的老版浏览器

　　1、Mozilla(Firefox, Flock等浏览器)

　　-moz-border-radius-topleft: //左上角
　　-moz-border-radius-topright: //右上角
　　-moz-border-radius-bottomright: //右下角
　　-moz-border-radius-bottomleft: //左下角

　　2、WebKit (Safari, Chrome等浏览器)

　　-webkit-border-top-left-radius: //左上角

　　-webkit-border-top-right-radius: //右上角
　　-webkit-border-bottom-right-radius: //右下角
　　-webkit-border-bottom-left-radius: // 左下角

　　3、Opera浏览器：

　　border-top-left-radius: //左上角
　　border-top-right-radius: //右上角
　　border-bottom-right-radius: //右下角
　　border-bottom-left-radius: //左下角

　　4、Trident (IE)
　　IE9 以下版本不支持 border-radius，而且 IE9 没有私有格式，都是用 border-radius，其写法和 Opera 是一样的。
　　IE6/7/8这三个IE浏览器版本都不支持CSS3的解析，只有还不太主流的IE9支持CSS3和HTML5的标准。让IE支持CSS3的解析方法有很多种，（让IE浏览器支持HTML5标准的方法）下面介绍一种实用的让IE支持CSS3解析的方法——IE利用VML矢量可标记语言作为画笔绘出圆角：
　　1、下载一个压缩包，里面有一个微软的脚本文件（11KB）和一个用来测试服务器是否有正确的Content-Type的HTML文件：iecss3.rar；.htc文件是IE内核支持Web行为后用来描述此类行为的脚本文件。它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去。Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX 控件）来完成这个功能。

以下为百度百科拷贝内容，我就不自己一句一句的说了，还是它这个全面些。

你自己看一下，具体哪不明白再问我

===================
css sprite 一，关于CSS Sprite
CSS Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需 顾忌这个问题。
按照yahoo的rules for high performance web sites的原则，应当较少Client与Server端间 的HTTP Request次数。通过CSS Sprites方法将多张图片组装成单独的一张图片，可以有效减少HTTP请求 的次数。
当整幅图片载入完成后，你就可以使用CSS方法通过设置背景位置的方式完成所需图片的准确调用。
加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求，所以，图片越多请求次数越多，造成延迟的可能性也就越大。
二，CSS Sprite的使用
有几篇关于CSS Sprites的文章，基本上把其原理和机制说明得很清楚。
What Are CSS Sprites?
How to create CSS sprites
Creating Rollover Effects with CSS Sprites
Building a Dynamic Banner with CSS Sprites
High Performance Web Sites中关于CSS Sprites的内容3.2. CSS Sprites
三，CSS Sprite的例子
[原文：]
1. 图片限制(Image Slicing)
典型如文本编辑器，小图标特别多，打开时一张张跑出来，给用户的感觉很不好。如果能用一张图解决，则不会有这个问题，比如百度空间、163博客、Gmail都是这么做的。
Image Slicing’s Kiss of Death

2. 单图转滚(Single-image Rollovers)
触发切换图片的需求，传统方案得重新请求新图片，因为网络问题经常造成停留或等待。如果能把多种状态合并成一张图，就能完美解决，然后再使用背景图技术模拟动态效果。
ColorScheme Ratings

3. 延长背景(Extend Background Image)
如果图片的某边可以背景平铺无限延长，则不需要每个角、每条边单独搞出来，图片能少一个就少一个。其实，这个理论还可以扩展到四角容器里，好处是能大大简化HTML Structure。
Extend Background Image

综合案例
Google Korea（1和2技巧）

CSS Menus（2和3技巧）

四，CSS Sprites的问题
由于IE6存在的background的flicker问题IE6/Win, background image on , cache=‘check every visit’: flicker!，有人针对此问题提出了解决方案Fast Rollovers Without Preload
关于IE6的flicker问题，fivesevensix.com上有一篇很不错的研究文章Minimize Flickering CSS Background Images in IE6
另外：brunildo.org的CSS tests and experiments是关于css各种功能不错的参考手册和测试工具。
另外,虚机团上产品团购,超级便宜

IE不支持直接圆角边框，可以用图片拼接，FF里面可以用-moz-border-radius: 上左 上右 下右 下左; 进行控制。