三角形CSS样式

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>三角形</title>
        <style>
        .box{
            height: 0;                        
            width: 0;                        /*宽高为零*/
            border: 50px solid transparent;    /*先把所有边设为透明*/
            border-top-color: red;            /*给顶部加上颜色，就是一个向下的三角形*/
        }
        </style>
    </head>
    <body>
        <div class="box"></div>  <!-- 我是一个向下的三角形 -->
    </body>
</html>
复制代码

 

向下的红色三角形

 
posted @   AVEGER  阅读(31)  评论(0)  编辑  收藏  举报
相关博文：
·  正方体CSS样式
·  事件（下）
·  用CSS画一个三角形
·  用CSS绘制一个三角形
·  css 右上角三角形标签样式
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
点击右上角即可分享
微信分享提示
AI IDE Trae