1.准备一张图片,用ps打开,选择椭圆边框工具,按住shift画圆:
2.按住ctrl+j,生成新图层1
3.关掉背景图层
4.选择透视裁剪工具,裁剪图片
5.按enter键,然后存储为png格式
结果:
6.将图片放入html页面上,加border后发现其实图片还是圆形,四个角是透明的
利用css3给图片加属性,可使图片圆形显示在界面:border-radius: 50%;
1.准备一张图片,用ps打开,选择椭圆边框工具,按住shift画圆:
2.按住ctrl+j,生成新图层1
3.关掉背景图层
4.选择透视裁剪工具,裁剪图片
5.按enter键,然后存储为png格式
结果:
6.将图片放入html页面上,加border后发现其实图片还是圆形,四个角是透明的
利用css3给图片加属性,可使图片圆形显示在界面:border-radius: 50%;