CSS圆角样式

CSS圆角：

/*纯css，设置图片圆角*/
    #top2 {
        margin-left:20px;
        padding:10px; width:600px; height:300px;
        border: 5px solid #ff6600;
        -moz-border-radius: 15px;      /* Gecko browsers */
        -webkit-border-radius: 15px;   /* Webkit browsers */
        border-radius:15px;            /* W3C syntax */
        /*
        •-moz(例如 -moz-border-radius)用于Firefox
        •-webkit(例如：-webkit-border-radius)用于Safari和Chrome。
        */
        }
   

    /*设置图片圆角，纯css*/  
    #cr2{margin-left:190px;width:181px;height:260px;}
    #cr2 .cr2-c {
    padding-top:10px;width:300px; height:170px;
    background:#FC9; 
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;
    }

html:

 <div id="top2">

</div>

 

<div id="cr2">
            <h3>2.图片不限长和宽</h3>
            
                <div class="cr2-c">
                <p>有多少爱可以重来</p>
                <p>迪克牛仔</p>
                </div>
</div>