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

相关推荐
一 乐10 分钟前
高校后勤报修系统|物业管理|基于SprinBoot+vue的高校后勤报修系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·毕设
爱喝水的小周11 分钟前
《UniApp 页面配置文件pages.json》
前端·uni-app·json
mapbar_front16 分钟前
React中useContext的基本使用和原理解析
前端·react.js
逻极27 分钟前
Rust数据类型(上):标量类型全解析
开发语言·后端·rust
Zhangzy@30 分钟前
Rust 编译优化选项
android·开发语言·rust
百锦再33 分钟前
第2章 第一个Rust程序
java·开发语言·后端·rust·eclipse·tomcat·hibernate
Zhangzy@34 分钟前
Rust 中的注释与文档注释实践指南
开发语言·后端·rust
像风一样自由202035 分钟前
使用 Rust 开发图片切分工具:从零到发布的完整指南
开发语言·后端·rust
贪婪的君子37 分钟前
【每日一面】实现一个深拷贝函数
前端·js
半夏知半秋1 小时前
mongodb的复制集整理
服务器·开发语言·数据库·后端·学习·mongodb