html與CSS如何完成圓形與圓角圖片格式的示例代碼
發表時間:2023-12-29 來源:明輝站整理相關軟件相關文章人氣:
[摘要]效果展示實現代碼<<!DOCTYPE html><html><head><title>JcMan</title><style type="text/css">.image1{ margin-top: ...
效果展示

實現代碼
<<!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如何實現圓形和圓角圖片格式的示例代碼的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。