css3 画三角形

2017-03-11 本文已影响0人 WPeach

<!DOCTYPE html>
<html>
    <head></head>
    <style type="text/css">
        #triangle{
            width: 0px;
            height: 0px;
            border-bottom: 140px solid  yellowgreen;
            border-left: 70px solid transparent;
            border-right: 70px solid transparent;
        }
    </style>
    <body>
        <div id="triangle"></div>
    </body>
</html>

效果图

三角形