边框三角形 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            div{
                width: 0;
                height: 0;
                border: 10px solid #fff;
                /*border-top-color: #ccc;*/
                border-left-color: #ccc;
            }
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>

效果图：

 

 

 

posted @ 2018-10-11 18:54  webxy  阅读(132)  评论(0)    收藏  举报