三角区域

最新推荐文章于 2025-04-18 09:04:27 发布

最新推荐文章于 2025-04-18 09:04:27 发布 · 212 阅读

文章标签：

#HTML

CSS 专栏收录该内容

35 篇文章

订阅专栏



#triangle
{
	border: 2px solid #999;
	position: relative;
	width: 50px;
	height: 25px;
}
#triangle > div
{
	border-style: solid;
	border-color: transparent #900;
	border-width: 25px 50px;
	position: absolute;
	left: 0;
	top: 0;
	clip: rect(0, 50px, 25px 0);
}


<div id="triangle">
<div></div>
</div>