css3基础 border-radius:50% img 圆形显示的图片
2018-02-11 20:34
1476 查看
礼悟:
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
ide:visual studio 2017
browser:Chrome
os:win7
browser:Chrome
os:win7
代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="给最苦 https://www.cnblogs.com/jizuiku https://github.com/GratefulHeartCoder"/> <title></title> </head> <body> <img src="feng.jpg"/> <hr /> <img src="feng.jpg" style="border-radius:50%;"/> </body> </html>
效果
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
相关文章推荐
- css3基础 border-radius:50% div 圆形显示的图片
- css3基础 border-radius:50% ul中有多个圆形的li,横排其中
- HTML基础 img标签border给显示的图片加上一个黑色边框
- HTML基础 img标签title属性 鼠标移动到图片上时显示文字
- css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
- HTML基础 img标签设置显示图片的宽度与高度
- CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
- 用CSS3的圆角border-radius属性,画一个圆形
- css3 border img 边框图片
- 转载css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
- css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
- border radio绘制圆形 百分比 border-radius:50%
- css3基础 border-radius 圆角的div
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- css3边框——圆角效果(border-radius)、阴影(box-shadow)、边框应用图片(border-image)
- html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示
- android调用图库获取图片显示在img中
- IE浏览器中< img ... />标签不显示图片
- CSS3 圆角(border-radius)