中关村在线

软件

CSS实现圆形图片方法

制作圆形头像图片,可通过CSS设置border-radius属性为50%来实现,使方形图片呈现完美圆形效果。

1、 新建一个HTML页面,插入div标签,并在其中嵌入img标签用于显示图片,具体效果如示例图所示。

2、 通过CSS将div设为圆形,并调整img高度使其完全填充该div区域。

3、 保存HTML代码后用浏览器打开,即可显示一个圆形头像图片,效果所示。

展开全文
人赞过该文
内容纠错

相关电商优惠

评论

更多评论
还没有人评论~ 快来抢沙发吧~

读过此文的还读过

点击加载更多

内容相关产品

说点什么吧~ 0

发评论,赚金豆

收藏 0 分享
首页查报价问答论坛下载手机笔记本游戏硬件数码影音家用电器办公打印 更多

更多频道

频道导航
辅助工具