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>