• HTML+CSS:圆形和圆角图片格式


    效果展示


     

    实现代码

    <!DOCTYPE html>
    <html>
    <head>
        <title>JcMan</title>
        <style type="text/css">
    
        .image1{ 
            margin-top: 100px; 
            200px; 
            height:200px; 
            border-radius:200px; 
        }
    
        .image2{
            margin-top: 100px; 
            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>
    

      

  • 相关阅读:
    velocity .vm
    @Autowired
    springMVC
    索引
    Adivisor
    计算火车运行的时间
    倒三角
    XML简介
    表单提交方式
    js动态生成表格
  • 原文地址:https://www.cnblogs.com/beautiful-code/p/9330733.html
Copyright © 2020-2023  润新知