您的位置:首页 > Web前端 > CSS

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

2016-03-21 10:51 751 查看
<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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: