css三角形

最新推荐文章于 2024-05-24 10:29:27 发布

会做饭的技术男

最新推荐文章于 2024-05-24 10:29:27 发布

阅读量587

点赞数 1

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_h2j1a210j0cb.html

版权

前端专栏收录该内容

2507 篇文章 12 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>三角形制作</title>
    <style type="text/css">
        h1 {
            position: relative;
            padding-left: 50px;
        }
        h1:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border: 20px solid transparent;
            border-top-color: #F00;
            position: absolute;
            left: 0px;
            top: 20px;
        }
    </style>
</head>
<body>
<h1>一级标题</h1>
</body>
</html>