CSS设置一个梯形

备注：是可以出来，但是有很明显的不足。就是如果你要在里面写内容的话。

是不行的。为什么呢。因为border，已经把这些给左边占据了。所以写的内容，都会在盒子的右边。

 

1、图形

2、代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
	.d{
		width:0px;
		height:100px;
		border-left:25px solid;
		border-top:25px solid transparent;
		border-bottom:25px solid transparent;
	}
</style>
</head>

<body>

	<div class="d"></div>

</body>
</html>

　　

 

posted @ 2023-12-22 14:40  信铁寒胜  阅读(43)  评论(0)    收藏  举报