技术栈

HTML&CSS绘制三角形

南枝异客2025-03-16 5:04

1.代码:

html 复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>01triangle</title>
    <style>
        .box {
            width: 0px;
            height: 0px;
            /* background-color: red; */
            border: 50px solid transparent;
            border-left: 50px solid rgb(255, 174, 0)
        }
    </style>
</head>

<body>
    <div class="box">
    </div>
</body>

</html>

2.效果图

上一篇:网页制作代码html制作一个网页模板
下一篇:Html5星空流星页面经验总结
相关推荐
cjp560
1 分钟前
009. ASP.NET WEB API 用户关联esp32设备
前端·后端·asp.net
小熊美家熊猫系统
16 分钟前
电子合同技术实现与合规实践
java·开发语言·分布式
ytttr873
19 分钟前
C# 定时数据库备份工具
开发语言·数据库·c#
Insseals
22 分钟前
因斯特浮动模块快速接头✨五大核心优势
前端
沐土Arvin
38 分钟前
港澳台行政区域json
前端
skywalk8163
1 小时前
言知项目后续方向建议
开发语言·学习·编程
程序员鱼皮
1 小时前
我花 300 块,让 Claude Fable 5 开发桌面 APP,值么?
前端
William_Xu
1 小时前
JavaScript 并发控制
前端
拾年275
1 小时前
从零手写 Ajax:用原生 XHR 搭建前后端交互全流程
前端·javascript·ajax
光影少年
1 小时前
懒加载与分包:React.lazy + Suspense
前端·react.js·掘金·金石计划
热门推荐
01HTTP 与 HTTPS 的区别:从原理到实战详解02《置身钉内》原文-可播放阅读03【AI】2026 年具身智能模型和世界模型总结042026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?05Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析06AI科技热点日报 | 2026年6月1日072026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?08GitHub 镜像站点09AI一周事件 · 2026-06-03 至 2026-06-09102026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf