如何使用css画出一个倒立的三角形？

最新推荐文章于 2024-04-22 16:58:34 发布

小倪有点菜

最新推荐文章于 2024-04-22 16:58:34 发布

阅读量903

点赞数

分类专栏：面试 css 文章标签： css3 css

本文链接：https://blog.csdn.net/ni15534789894/article/details/114232399

版权

css 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

面试

3 篇文章 0 订阅

订阅专栏

		.nabla{
			//这个浮动是答主为了跟前面的div在一片显示设置的，与画三角无关
			float: left;
			//画三角把这个div的宽高都设置为0，
			假如你要画的是朝下的三角，那么你就把border-top 设置颜色，
			然后将其他三个方向设置为透明就可以了。
			width: 0px;
			height: 0px;
			border-top:200px solid crimson;
			border-bottom: 200px solid transparent;
			border-left: 200px solid transparent;
			border-right: 200px solid transparent;
		}
	</style>
</head>
<body>
	<div class="demo">
		<div class="app">

		</div>
	</div>

	<div class="nabla">

	</div>
</body>
</html>

小倪有点菜

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
如何使用css画出一个倒立的三角形？

.nabla{ //这个浮动是答主为了跟前面的div在一片显示设置的，与画三角无关 float: left; //画三角把这个div的宽高都设置为0，假如你要画的是朝下的三角，那么你就把border-top 设置颜色，然后将其他三个方向设置为透明就可以了。 width: 0px; height: 0px; border-top:200px solid crimson; border-bottom: 200px solid transparent; bord..
复制链接

扫一扫