效果展示
实现代码
<!DOCTYPE html><html><head> ???<title>JcMan</title> ???<style type="text/css"> ???.image1{ ????????margin-top: 100px; ????????width:200px; ????????height:200px; ????????border-radius:200px; ????} ???.image2{ ???????margin-top: 100px; ????????width:200px; ????????height:200px; ????????border-radius:20px; ????} ???</style></head><body><center><img class="image1" src="http://b.hiphotos.baidu.com/image/pic/item/b999a9014c086e069cd7964b00087bf40ad1cbb7.jpg"/><img class="image2" src="http://b.hiphotos.baidu.com/image/pic/item/b999a9014c086e069cd7964b00087bf40ad1cbb7.jpg"/> </center></body></html>
HTML+CSS:圆形和圆角图片格式
原文地址:https://www.cnblogs.com/beautiful-code/p/9330733.html