13.制作一个直角三角形

2020-04-17 07:33:46来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

13.制作一个直角三角形

使用div元素制作一个三角形:

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- reset.css文件内容参考:https://www.cnblogs.com/lanshanxiao/p/12663192.html -->
    <link rel="stylesheet" href="./reset.css">
    <style>
        div{
            width:0;
            height:0;
            border:20px solid transparent;
            border-right-color: #000;
        }
    </style>
</head>

<body>
    <div>
    </div>
</body>

</html>
index.html

效果展示:

 


原文链接:https://www.cnblogs.com/lanshanxiao/p/12719758.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:【Vue】搭建开发环境

下一篇:1个月快速入门Web前端开发,怎么学?