标签：ati class 任务 pos div html utf-8 rect har
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style> 7 .rectangle{ 8 width: 400px; 9 height: 200px; 10 position: relative; 11 background-color: #ccc; 12 margin: auto; 13 top:200px; 14 } 15 .left-cicle,.right-cicle{ 16 position: absolute; 17 width: 50px; 18 height: 50px; 19 background-color: #fc0; 20 } 21 .left-cicle{ 22 border-bottom-right-radius: 60px; 23 } 24 .right-cicle{ 25 bottom: 0; 26 right: 0; 27 border-top-left-radius: 60px; 28 } 29 </style> 30 </head> 31 <body> 32 <div class="rectangle"> 33 <div class="left-cicle"></div> 34 <div class="right-cicle"></div> 35 </div> 36 </body> 37 </html>
效果图：
标签：ati class 任务 pos div html utf-8 rect har
原文地址：http://www.cnblogs.com/gaoxuerong123/p/7239220.html
