HTML+CSS:圆形和圆角图片格式
效果展示
实现代码
<!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>