制作圆形头像图片,可通过CSS设置border-radius属性为50%来实现,使方形图片呈现完美圆形效果。
1、 新建一个HTML页面,插入div标签,并在其中嵌入img标签用于显示图片,具体效果如示例图所示。
2、 通过CSS将div设为圆形,并调整img高度使其完全填充该div区域。
3、 保存HTML代码后用浏览器打开,即可显示一个圆形头像图片,效果所示。
制作圆形头像图片,可通过CSS设置border-radius属性为50%来实现,使方形图片呈现完美圆形效果。
1、 新建一个HTML页面,插入div标签,并在其中嵌入img标签用于显示图片,具体效果如示例图所示。
2、 通过CSS将div设为圆形,并调整img高度使其完全填充该div区域。
3、 保存HTML代码后用浏览器打开,即可显示一个圆形头像图片,效果所示。
评论
更多评论