日期:2014-05-17  浏览次数:20619 次

怎样用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;
}