CSS实现三角形
div1: { width: 0; height: 0; border: 100px solid transparent; border-right-color: cyan; }
效果如下:
CSS实现三角形
2023-08-01
56
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
CSS实现三角形
目录
相关文章
|
7月前
|
前端开发
|
7月前
|
前端开发
|
7月前
|
前端开发
|
前端开发
|
2月前
|
前端开发
|
2月前
|
前端开发
用纯 CSS 创建一个三角形
使用纯 CSS 可以通过边框技巧创建三角形。例如，要创建一个指向下方的等边三角形，可以将 `width` 和 `height` 设为 `0`，并通过透明的左右边框和有颜色的底边来形成三角形。
19
3
3
|
3月前
|
前端开发
|
2月前
|
前端开发
|
4月前
|
前端开发
|
5月前
|
前端开发
热门文章
最新文章
1
CSS伪元素实现的3D按钮
2
05.javascript访问CSS
3
如何用纯 CSS 创作一个赛车 loader
4
CSS3中的选择器
5
Css:背景色透明，内容不透明之终极方法！兼容所有浏览器
6
IE6, IE7, IE8 CSS 兼容速查表
7
CSS3的新属性的一下总结
8
碉堡了！ 纯 CSS 绘制《辛普森一家》人物头像
9
符合WEB标准的下拉导航菜单（CSS菜单）演示
10
css学习2
1
深入理解css中的link 和 @import
106
2
CSS Flex布局实战案例：构建响应式卡片组件
117
3
学习css的clip-path属性
76
4
什么是CSS Sprite
47
5
使用CSS中的cursor属性值，常用的可设置参数，以及其他16中参数值的使用场景和示例代码
74
6
技术心得：xpath、CSS定位方法
48
7
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
173
8
CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
84
9
CSS【详解】布局 display （ 含 flex 布局，grid 布局，table 布局，float 布局，响应式布局 等）
143
10
CSS【详解】定位 position （静态定位 static -- 文档流排布 、相对定位 relative、绝对定位 absolute、固定定位 fixed、黏性定位 sticky）
58