Question

css中，如何改变一个标签的样式得到一个1/4圆！

Answer 1

<style>

.yuan{

  width:200px;

  height:200px;

  border-radius:100% 0 0 0;

  background:#F00;

}

</style>

<div class="yuan"></div>

是这样的效果吧！

Answer 2

用css3的border-radius属性
右上角的1/4个圆
border-top-right-radius:100%;
左上角的1/4个圆圈
border-top-left-radius:100%
右下角的1/4个圆
border-bottom-right-radius:100%;
左下角的1/4个圆圈
border-bottom-left-radius:100%

一些浏览器不兼容css3需要用JavaScript定义属性
object.style.borderRadius="100% 0 0 0"