纯CSS圆角

<style type="text/css">
div#nifty{ margin: 0 10%;background: #9BD1FA}
div.rtop, div.rbottom{display:block;background: #FFF}
div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
div.r1{margin: 0 5px}
div.r2{margin: 0 3px}
div.r3{margin: 0 2px}
div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}
</style>


<div id="nifty">
<div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
<p>圆角</p>
<div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div>

 让<img src=”images/image01.jpg” width=”1920″ height=”440″ />自适应屏幕宽度显示

<div class=”banner” style=“width:100%; overflow:hidden; height:440px”><img src=”images/image.jpg” width=”1920px” height=”440″ style=”margin-left:-267px” /></div>