HTML&CSS绘制三角形

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.效果图

相关推荐
VisuperviReborn1 分钟前
打造自己的前端监控---前端流量监控
前端·设计模式·架构
Yang-Never7 分钟前
Kotlin协程 ->launch构建协程以及调度源码详解
android·java·开发语言·kotlin·android studio
前端Hardy8 分钟前
Python是怎么将Vue项目打包成桌面端应用程序的?看这篇就够了
前端·javascript·python
极客BIM工作室10 分钟前
C++返回值优化(RVO):高效返回对象的艺术
java·开发语言·c++
序属秋秋秋18 分钟前
《C++初阶之STL》【模板参数 + 模板特化 + 分离编译】
开发语言·c++·笔记·学习·stl
Spider_Man20 分钟前
物料区的“超市大冒险”:组件、遥控器与快乐星球的奇遇记 🛒🦄
前端·低代码·typescript
uppp»20 分钟前
echarts在前后端分离项目中的实践与应用
前端·javascript·echarts
马达加斯加D21 分钟前
C# --- 本地缓存失效形成缓存击穿触发限流
开发语言·缓存·c#
之梦22 分钟前
Electron + Vue3开源跨平台壁纸工具实战(九)子进程服务(2)
前端·electron
三小河22 分钟前
css 中 inset属性 以及简单实现spinner
前端