代码小三角

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>代码小三角</title>
</head>
<style>
    span {
        width: 0;
        height: 0;
        overflow: hidden;
        border: 7px solid transparent;
        border-bottom-color: #2DCB70;
    }
</style>

<body>
    <!-- 
        bottom : 上三角
        top : 下三角
        left : 右三角
        right : 左三角
     -->
    <span></span>
</body>

</html>

<script>
</script>

  

posted @ 2020-12-25 17:00  野鹤亦闲云  阅读(91)  评论(0编辑  收藏  举报