zoukankan html css js c++ java

1.图片底部圆弧

一、效果图

border-radius分别指定各个角弯曲程度

二、粘贴复制

<!DOCTYPE HTML>
<html lang="en-US">
 
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        html,
        body {
            width: 100%;
        }
        .box {
            width: 480px;
             margin:100px auto;
        }
        img{
            width:480px;
            height:300px;
            border-radius: 100% 100% 100% 100% / 0% 0% 30% 30%;
                         
        }
        /* border-radius的常规用法我就不说了，这里就讲解一下上面那几个参数指的是什么；前面的是水平半径；后面的是垂直半径*/
    </style>
</head>
 
<body>
    <div class="box">
        <img src="http://img5.imgtn.bdimg.com/it/u=2230167403,4188800858&fm=26&gp=0.jpg" alt="">
    </div>
</body>
 
</html>

查看全文

相关阅读:
设计模式之中介者模式
 解释器模式（行为模式）
进程池Pool
Process子类
 multiprocessing
random
re
time和datetime
logging 日志
 hashlib

原文地址：https://www.cnblogs.com/fger/p/10290622.html