0
点赞
收藏
分享

微信扫一扫

CSS三角形绘制

冬冬_79d4 2022-03-12 阅读 210
css3前端

CSS三角形绘制

思路

  1. 让宽高为0。(eg:width:0;eheight:0)
  2. 让边框变大。(eg:border:100px solid;)
  3. 让边框的其他三边为透明 transparent。代码如下:
		#tup{
			height: 0px;
			width: 0px;
			border: 100px solid;
			border-top-color: transparent;
			border-bottom-color: red;
			border-left-color: transparent;
			border-right-color: transparent;
		}

效果图如下:
在这里插入图片描述

举报

相关推荐

CSS绘制三角形

CSS绘制各种三角形

绘制三角形

css写三角形

css制作三角形

CSS画三角形

C# 三角形绘制

0 条评论