利用css画三角形和多边形

最新推荐文章于 2024-01-15 19:47:37 发布

辛凡

最新推荐文章于 2024-01-15 19:47:37 发布

阅读量662

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： CSS CSS3

本文链接：https://blog.youkuaiyun.com/lojieo/article/details/103271566

CSS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用CSS创建三角形的技巧，通过设置特定的边框颜色和宽度，可以在不使用额外图片的情况下生成三角形，这对于网页布局和设计非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>
        <style>
            div{
                margin: 0; padding: 0;
            }
            .d{
                float: left;
                width: 400px;
                height: 80px;
                background: red;
            }
            .div {
                width: 0;
                height: 0;
                float: left;
                border: 40px solid;
                border-color:  transparent   transparent  transparent red;
            }
        </style>
    </head>
    <body>
        <div class="d"></div>
        <div class="div"></div>
    </body>
</html>