目录

HTMLCSS绘制三角形

JAY.LIN 收录于未分类

2025-03-11 约 81 字预计阅读 1 分钟

https://bing.ee123.net/img/rand?artid=146191360

目录

HTML&CSS绘制三角形

1.代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01triangle</title>
    <style>
        .box {
            width: 0px;
            height: 0px;
            /* background-color: red; */
            border: 50px solid transparent;
            border-left: 50px solid rgb(255, 174, 0)
        }
    </style>
</head>

<body>
    <div class="box">
    </div>
</body>

</html>

2.效果图