CSS实现三角形
div1: { width: 0; height: 0; border: 100px solid transparent; border-right-color: cyan; }
效果如下:
CSS实现三角形
2023-08-01
83
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
CSS实现三角形
目录
相关文章
|
前端开发
|
前端开发
|
前端开发
|
前端开发
|
12月前
|
前端开发
|
12月前
|
前端开发
用纯 CSS 创建一个三角形
使用纯 CSS 可以通过边框技巧创建三角形。例如，要创建一个指向下方的等边三角形，可以将 `width` 和 `height` 设为 `0`，并通过透明的左右边框和有颜色的底边来形成三角形。
122
3
3
|
前端开发
|
12月前
|
前端开发
|
前端开发
|
前端开发
容器
热门文章
最新文章
1
15款免费的 HTML5/CSS3 响应式网页模板
2
CSS3手风琴菜单 可同时折叠多个菜单
3
你对CSS权重真的足够了解吗？
4
CSS3选择器详解实例说明
5
CSS规则的执行顺序
6
CSS 魔法系列：纯 CSS 绘制图形（心形、六边形等）
7
css样式IE8强制兼容IE7
8
bluePen – 使用在线 CSS 编辑器美化你的网站
9
网页布局CSS技巧-Web设计必知
10
75佳非常漂亮的 CSS 网页设计欣赏（系列四）
1
如何使用CSS过渡实现页面元素的淡入淡出效果？
346
2
CSS 过渡和动画
266
3
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
204
4
Css实现文本超出长度隐藏并用三个点结尾
156
5
css3 svg制作404页面动画效果HTML源码
149
6
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
204
7
CSS 居中技术完全指南：从基础到高级应用
297
8
精通 CSS 阴影效果：从基础到高级应用
892
9
“弘五四,耀青春”程序创意获奖作品【html+css】
141
10
css3实现3D数字时钟滚动特效代码
322