text.html

 
<p class="zw">圆角并不一定都是圆的，我们使用成对的半径来实现椭圆效果。第一个设定水平半径，第二个设定垂直半径。使用下面的成对的值来使四个角都生效。</p> 
<pre class="代码无行号"><code>.h-card { 
border-radius : 30px 60px; }</code></pre> 
<p class="zw">通过给四个角设置不同的<code>border-radius</code>，可以创作出更加复杂的图形。</p> 
<pre class="代码无行号"><code>.h-card { 
border-top-left-radius : 5px 30px; 
border-top-right-radius : 30px 60px; 
border-bottom-left-radius : 80px 40px; 
border-bottom-right-radius : 40px 100px; }</code></pre> 
<p class="图"><img alt="1402.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/128.jpg"></p>