技术栈

css实现梯形?

一个大长腿2024-03-14 14:31

HTML:

html 复制代码
<div class="box"></div>

CSS:

html 复制代码
.box{
    width:50px;
    height:0;
    border-bottom:50px solid pink;
    border-left:50px solid #fff;
    border-right:50px solid #fff;
}

效果:

上一篇:如何优雅解决前后端数据结构重复问题
下一篇:Python的基础操作
相关推荐
前端小巷子
2 分钟前
Web缓存:原理、策略与优化
前端·面试
小磊哥er
4 分钟前
【前端工程化】前端工作中如何协同管理开发任务?
前端
程序员小白条
9 分钟前
我的第二份实习,学校附近,但是干前端!
java·开发语言·前端·数据结构·算法·职场和发展
编程大全
9 分钟前
2025年前端面试题
前端
萌萌哒草头将军
21 分钟前
🔥🔥🔥 NuxtLabs 宣布加入了 Vercel !
前端·javascript·vue.js
LuciferHuang
8 小时前
震惊!三万star开源项目竟有致命Bug?
前端·javascript·debug
GISer_Jing
8 小时前
前端实习总结——案例与大纲
前端·javascript
天天进步2015
8 小时前
前端工程化:Webpack从入门到精通
前端·webpack·node.js
姑苏洛言
9 小时前
编写产品需求文档:黄历日历小程序
前端·javascript·后端
知识分享小能手
9 小时前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
热门推荐
01KGG转MP3工具|非KGM文件|解密音频02集群聊天服务器---MySQL数据库的建立03Coze扣子平台完整体验和实践(附国内和国际版对比)04RAL-2025 | 触觉助力无人机空中探索!基于柔顺机器人手指的无人机触觉导航05Java学习第十五部分——MyBatis06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解07免费领50刀!AnyRouter一键解锁Claude最强编程模型08基于odoo17的设计模式详解---单例模式09DeepSeek各版本说明与优缺点分析10浅谈几种js设计模式