使用下面的CSS3代码,就可以将DIv元素,设置成为左半圆的样子了。
效果图如下:
一、CSS代码
<style>
#div1 {
width: 50px;
height: 100px;/*高度为宽度的2倍*/
border-radius: 50px 0 0 50px;/*圆角半径为宽度的值*/
background-color:green;
-webkit-border-radius: 50px 0 0 50px;
}
#div2 {
position:inherit;
padding:38px 0px 0px 20px;
font: bold;
font-size:1em;
color:#CCFF00;
}
</style>
二、DIV元素
<div id="div1">
<div id="div2">问</div>
</div>