border-radius是向元素添加圆角边框。
border-radius的值能用px单位，还可以用百分比或者em，但兼容性目前还不太好。
/* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */
<body> <div class="circle"> </div> <br/> <!--任务部分--> <div class="semi-circle2"> </div> <br/> <div class="semi-circle"> </div> </body>
实心圆：
方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码：
div{
height:100px;/*与width设置一致*/
width:100px;
background:#9da;
border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/
}
实心上半圆：
方法：把宽度（width）设为高度(height)的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。
div.semi-circle{
height:50px;/*是width的一半*/
width:100px;
background:#9da;
border-radius:50px 50px 0 0;/*半径至少设置为height的值*/
}
实心左半圆：
方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和左下角的半径与元素的高度一致（大于也是可以的）。
div.semi-circle2{
height:100px;/*是width的一倍*/
width:50px;
background:#9da;
border-radius:50px 0 0 50px;/*半径至少设置为weight的值*/
}
相关推荐
CSS3圆角详解 一、CSS3圆角的优点 传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些...CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这.....
-moz-border-radius：moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。 在这两个属性有值的时候，去掉哪个属性，对用他们做内核的浏览器就有影响，如果没值的话，就没影响，这两个属性和，IE，和...
css3中的边框一般多为矩形，也可以通过设置实现圆角边框的效果，通过border-radius:;通过设置该属性值得大小改变边框的圆角大小，从而达到自己需要的圆角边框效果
css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。 CSS3新增属性 box-shadow(阴影效果) border-colors(为边框设置多种颜色) boder-image(图片边框) text-shadow(文本阴影) ...
圆角CSS3动画线条边框代码特效是一款基于CSS属性animation动画制作，效果流畅弹性十足。
随着网络的发展，CSS 也在不断的完善，充分吸取多年来 Web 发展的需求，提出了很多新颖的 CSS 特性，例如很受欢迎的圆角矩形 border-radius 属性，但很可惜，此属性目前没有得到任何浏览器的支持。 对于一些浏览器，...
现在使用CSS3 技术不需要图片即可实现圆角，把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，Firefox 和 Safari ...
W3C很早就已经在CSS 3 中加入了圆角属性border-radius，但是由于某些流行浏览器的不支持，使得其还是没能被广泛使用，所以我们会想尽办法去进行更好的补充，包括背景图片的圆角实现、js圆角实现等等。但是这些方法在...
本文主要介绍了css效果之边框内圆角，分享给大家，也给自己留个笔记，具体如下： 效果如下 你可能想到的方法 padding: 16px; box-shadow: 0 0 0 8px #655; border-radius: 5px; 如果采用上面的方式，会产生一个与...
在CSS3中用来生成圆角效果的属性是border-radius.这个属性跟大家熟知的width等属性的用法相似： 复制代码代码如下:.roundElement { border-radius: 10px;}上面的这句代码的作用是设置一个元素的四个角的弧度半径值都...
圆角边框的绘制是Web页面和Web应用程序中经常用来美化页面效果的手法之一。今天，小编为大家介绍CSS3提供的可以将矩形变为圆角矩形的一个属性，需要的朋友参考下吧
现在使用CSS3 技术不需要图片即可实现圆角，把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，Firefox 和 Safari ...
经常看到别人的网站有个边框来修饰文字区域，类似圆角矩形把文字环绕起来，特别有感觉，于是就试着用图片边框来修饰，但是用图片过多会拉慢网页的加载速度，能不能使用css3来实现边框圆角效果呢？当然border-radius...
css3.0增加的新属性，如投影、渐变、旋转、圆角等等！这些新标准属性在ie6、ie7、ie8浏览器版本里得不到很好的支持，相信ie以后的新版本也会支持这些新属性的。目前ie6、ie7、ie8浏览器不支持这些属性并不能说明ie就...