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关
  • 同人战棋游戏攻略
  • 热门搜索
    英文缩写大全 耍流氓视频大全 佳句大全 汗毛多怎么去除 企业愿景大全 万茜电视剧大全 汤姆猫游戏大全 耳朵流脓是怎么回事 ppt模板怎么下载 交通标志大全及图解