2.Triangle (三角形)

1.等腰直角三角形:

  https://www.cnblogs.com/FlyingLiao/p/9869040.html

2.任意三角形:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
    .yuanXing{
        width:60px;
        border-top:30px solid black;
        border-bottom:30px solid red;
        border-left:30px solid blue;
        border-right:30px solid pink;
    }
    .dengYao2{
        /* 在此以红色三角形为主 */
        width:0px;
        /* border-top:60px solid white; */
        /* 改变三角形的高 */
        border-bottom:60px solid red;
        /* 改变三角形左边底 */
        border-left:50px solid white;
        /* 改变三角形右边底 */
        border-right:30px solid white;
    }
</style>
</head>
<body>
<div class="yuanXing"></div>
<br/>
<div class="dengYao2"></div>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/FlyingLiao/p/9901898.html