img的变形

2019独角兽企业重金招聘Python工程师标准>>>

场景：图片需要做一些圆角处理，周围还需要有些底色等情况

利用如下图片即可

以前我是把图片放在一个span标签里做，span的背景色做成白色；其实可以不需要span标签，直接一个img就可以处理，

html

<img class="shopCartLogo" src="../img/shopCart2.png" alt="">

 

css

.shopCartLogo{
	background: #fff;
	padding: 2px;border-radius: 50%;
	margin-top: -25px;
	margin-left: 12px;
}

 

例子2：

这种情况，只需要中间的二维码透明图片即可做出效果，旁边的边框不需要切图或者用标签装中间的二维码做,利用img的padding和border属性即可。

 

转载于:https://my.oschina.net/Cubicluo/blog/839135