本文实例为大家分享了CSS3 制作 圆 角和椭圆形图片的方法，供大家参考，具体内容如下
1、圆角图片
XM L/HT ML Code 复制内容到剪贴板
@H_ 777 _13@ <!DOCTY PE &nbs p; html @H_ 360 _19@> < html > < head > < style > img { border-radius: 8px; } </ style > </ head > < body > < h2 > 圆角图片 </ h2 > < p > 使用 border-radius 属性来创建圆角图片: </ p > < img src = "paris. jpg " alt = "Paris" width = "400" h ei ght = "300" > </ body > </ html >
2、椭圆形图片
XML/HTML Code 复制内容到剪贴板
<!DOCTYPE html > < html > < head > < style > img { border-radius: 50%; } </ style > </ head > < body > < h2 > 椭圆形图片 </ h2 > < p > 使用 border-radius 属性来创建椭圆形图片： </ p > < img src = "paris.jpg" alt = "Paris" width = "400" height = "300" > </ body > </ html >
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
总结
以上是 为你收集整理的 CSS3制作圆角图片和椭圆形图片 全部内容，希望文章能够帮你解决 CSS3制作圆角图片和椭圆形图片 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于CSS3制作圆角图片和椭圆形图片的详细内容...