图片的圆角处理

时间：2022-10-24 07:26:47

本文主要介绍通过css实现图片的圆角处理。

效果图：

图片的圆角处理

<html>
<style>
.shortcutportlet-item-border-radius {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.shortcutportlet-img {
    width:48px;
    height:48px;
    max-height:48px;
    max-width:48px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
</style>
<div class=" shortcutportlet-item-border-radius">
图片圆角处理（div实现）：<br>
<br>
<img src="image/Chrysanthemum.jpg" class="shortcutportlet-img"></img>
</div>
</html>


标签：

相关文章