zoukankan html css js c++ java

倒圆角艺术

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>倒圆角</title>
        <style type="text/css">
            .one{
                height: 100px;
                width: 50px;
                border: 1px solid gainsboro;
                /*border-radius: 50px 20px 10px 0px;*//*值为   *px  *%倒圆角*/
                /*border-radius: 50px;*/
                border-radius: 50px;
                /*border-radius:50%;*/
            }
            .two{
                height: 200px;
                width: 200px;
                background: yellow;
                border-radius: 100px 0px;
            }
            .three{
                height: 200px;
                width: 200px;
                background: yellow;
                border-radius: 200px 0px;
            }
            .four{  /*月牙弯弯*/
                height: 200px;
                width: 200px;
                /*background: red;*/
                box-shadow: 20px 20px 0px yellow inset;
                border-radius: 50%;
            }
        </style>
    </head>
    <body>
        <div class="one"></div>
        <div class="two"></div>
        <div class="three"></div>
        <div class="four"></div>
    </body>
</html>

查看全文

相关阅读:
SQLServer XML
批量数据入库
 iBatis --> MyBatis
一句话，一段文
 一首诗，一阕词
 Web Service
一天一首现代诗
 一天一首歌
 DB2
Kafka

原文地址：https://www.cnblogs.com/lhl66/p/7528258.html