html与CSS如何实现圆形和圆角图片格式的示例代码

来源：懂视网责编：小采时间：2020-11-27 15:28:57

html与CSS如何实现圆形和圆角图片格式的示例代码

html与CSS如何实现圆形和圆角图片格式的示例代码:效果展示实现代码<<!DOCTYPE html><html><head> <title>JcMan</title> <style type="text/css"> .image1{ margin-top: 100px; width:200px; heig

推荐度：

点击下载本文 文档为doc格式

导读html与CSS如何实现圆形和圆角图片格式的示例代码:效果展示实现代码<<!DOCTYPE html><html><head> <title>JcMan</title> <style type="text/css"> .image1{ margin-top: 100px; width:200px; heig

效果展示

实现代码

<<!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如何实现圆形和圆角图片格式的示例代码

推荐度：

点击下载本文 文档为doc格式

标签：图片如何实现

热门焦点

html与CSS如何实现圆形和圆角图片格式的示例代码

html与CSS如何实现圆形和圆角图片格式的示例代码

html与CSS如何实现圆形和圆角图片格式的示例代码

最新推荐

猜你喜欢

热门推荐