border-radius:

border-radius:

  • border-top/button-left/right-radius
  • border-radius:100px 25px 50px 50px / 50px 25px 50px 25px;
  •  
  • <!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title></title> 
    <style type="text/css"> 
    .text { 
    border: 1px solid red; 
    width: 200px; 
    height: 150px; 
    -webkit-border-top-left-radius: 20px; 
    -webkit-border-top-right-radius: 30px; 
    -webkit-border-bottom-left-radius: 0px; 
    -webkit-border-bottom-right-radius: 50px; 
    } 

    </style> 
    </head> 
    <body> 
    <div class="text"> 
    </div> 
    </body> 
    </html>

posted on 2015-03-23 13:04  高达  阅读(67)  评论(0)    收藏  举报

导航