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关
  • 同人战棋游戏攻略
  • 热门搜索
    电子狗怎么升级 旅游攻略网站 做什么运动减肥最快 红烧带鱼的做法 被鱼刺卡住喉咙怎么办 郑多燕减肥操 我的世界神奇宝贝攻略 怎么用ps做海报 营养减肥晚餐 宁波普陀山旅游攻略