<?xml encoding="utf-8" ?><html><body><p class="markdown_views"><br></p><p style='margin: 0.8em 0px; padding: 0px; box-sizing: border-box; font-weight: 100; line-height: 1.3em; font-size: 2.13em; color: rgb(63, 63, 63); font-family: "microsoft yahei"; white-space: normal; background-color: rgb(255, 255, 255);'>效果顯示</p><center><br><img src="https://img.php.cn/upload/article/000/000/194/4b4c5fb9b19097ca9ad87c5f570579b6-0.png" alt="html與CSS如何實現圓形和圓角圖片格式的範例程式碼" ><br></center><p style="max-width:90%"microsoft yahei"; white-space: normal; background-color: rgb(255, 255, 255);'>#實作程式碼</p><pre class="brush:html;toolbar:false;"><<!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></pre></body></html>