当前位置: 代码迷 >> HTML/CSS >> 怎样用css画出一个三角形
  详细解决方案

怎样用css画出一个三角形

热度:38   发布时间:2012-09-05 15:19:35.0
怎样用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;
}
  相关解决方案