图片的圆角处理

最新推荐文章于 2024-09-02 12:15:00 发布

东语~

最新推荐文章于 2024-09-02 12:15:00 发布

阅读量473

点赞数

分类专栏： CSS 文章标签：圆角处理 css

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.youkuaiyun.com/psp0001060/article/details/50211751

版权

CSS 专栏收录该内容

8 篇文章

订阅专栏

本文主要介绍通过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>