css让图片变成圆角矩形 border-radius: 15px;

<style>

 .wrapper img {

border-radius: 15px;

}

</style>

<div class="wrapper">

<img src="images/hot_02.jpg" />

<br><img src="images/ny_tell.jpg" />

</div>

 

border-radius:2em;

等价于：

border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;

例子 2

border-radius: 2em 1em 4em / 0.5em 3em;

等价于：

border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;