csss设置图片圆角边框和圆形图片

 时间:2024-10-15 03:20:07

1、新建HTML文件,引入图片

csss设置图片圆角边框和圆形图片

2、预览效果如图

csss设置图片圆角边框和圆形图片

3、为图片添加边框

csss设置图片圆角边框和圆形图片

4、预览效果如图

csss设置图片圆角边框和圆形图片

5、为边框设置10像素圆角

csss设置图片圆角边框和圆形图片

6、预览效果如图

csss设置图片圆角边框和圆形图片

7、设置边框离图片5像素

csss设置图片圆角边框和圆形图片

8、预览效果如图

csss设置图片圆角边框和圆形图片

9、设置圆角为150px使图片呈现为圆形

csss设置图片圆角边框和圆形图片

10、预览效果如图附上源码img{border:1px solid #09C; border-radius:150px; padding:5px;}

csss设置图片圆角边框和圆形图片
  • 如何使用中国移动网上营业厅充值话费
  • 怎样关闭小黑盒app的智能推荐
  • 唱鸭怎么创建房间
  • 100doors2013(百门之屋2013)攻略 1-20关
  • 同人战棋游戏攻略
  • 热门搜索
    去痣的方法 舌头上有白色的舌苔是怎么回事 百合种植方法 治疗黑头粉刺的方法 网络ssid怎么填写 电脑待机密码怎么设置 起亚车怎么样 回力轮胎怎么样 金鱼的饲养方法 扁平疣的最佳去除方法