css画正三角形

来源:互联网 发布:php java 前景 编辑:程序博客网 时间:2024/06/03 20:29
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>css画正三角形</title>    <style type="text/css">            .container {                width: 0;                height: 0;                border-color: transparent transparent red transparent;  /*1、下边框有颜色 对应着上边框没有宽度,是正三角形;2、上边框有颜色 对应着下边框没宽度,是倒三角形*/                border-style: solid;                border-width: 0 300px 300px 300px;            }    </style></head><body>    <div class="container">    </div></body></html>
1 0
原创粉丝点击