效果展示

 


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>

  

相关文章:

  • 2022-01-07
  • 2021-10-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-04
  • 2021-09-23
猜你喜欢
  • 2022-12-23
  • 2022-01-19
  • 2021-05-29
  • 2022-12-23
  • 2022-12-23
  • 2022-02-19
  • 2021-12-02
相关资源
相似解决方案