是否有任何变体只使用CSS /
CSS3绘制圆形段.
圆形段 – http://en.wikipedia.org/wiki/Circular_segment(我需要圆圈的绿色部分)
我在尝试这个：
div{
width:86px;
height:22px;
background-color:green;
border-bottom-right-radius: 42px;
border-bottom-left-radius: 42px;}
但它看起来不像圆形段.
解决方法
div的宽度和高度应相同以产生圆.
例如： http://jsfiddle.net/wGzMd/
例如： http://jsfiddle.net/wGzMd/
这是css：
div{
position: absolute;
top: 50px;
left: 50px;
width:100px;
height:100px;
border: 1px solid green;
background: green;
border-radius: 360px;
}
编辑(针对细分)：
@L_502_3@
CSS：
div.outerClass{
position: absolute;
left: 50px;
top: 50px;
height: 25px;
overflow: hidden;
}
div.innerClass{
width:100px;
height:100px;
border: 1px solid green;
border-radius: 360px;
}
HTML：
<div class="outerClass"><div class="innerClass"></div></div>
