实现缺角效果 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>缺角效果 </title>
<style type="text/css">
    .meaning{
        /*background:tan;*/
        height:200px;
        width:200px;
        background:linear-gradient(-45deg,transparent 15px , #58a 0);
    }
</style>
</head>
<body>
    <div class="meaning">
        I have a nice idea
    </div>
</body>
</html>

 

posted @ 2019-03-28 00:04  mingL  阅读(163)  评论(0)  编辑  收藏  举报