怎样用css画出一个三角

使用css可以在网页上画出一个三角型和类似的图形,而不用image

主要是利用css的border属性。

1. 将某个div的width和height属性都设置为0

2. 将border-width设置成50

3. 将border-style设置成solid

4. 将border-color设置成某一种颜色

    4条边如果某3条边颜色设置成白色,那么就可以出现一个三角形

<div id="mydemo"></div>


#mydemo {
	border-top:20px solid red;
	border-right:20px solid white;
	border-bottom:20px solid white;
	border-left:20px solid white;
	width:0px;
	height:0px;
}

你可能感兴趣的:(怎样用css画出一个三角)