用html,css制作一个三角形

来源:互联网 发布:safari3 for windows 编辑:程序博客网 时间:2024/05/16 07:06

用html,css制作一个三角形。

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>三角形</title>    <style>        .triangle {            width: 0;            height: 0;            border: 40px solid red;            border-top-color: black;            border-bottom: none;            border-left-color: transparent;            border-right-color: transparent;        }    </style></head><body>    <div class="triangle">    </div></body></html>

最后的效果:

原创粉丝点击