读书人

怎样用css画出一个三角形

发布时间: 2012-09-05 15:19:35 作者: rapoo

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

主要是利用css的border属性。

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

2. 将border-width设置成50

3. 将border-style设置成solid

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

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

#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

热点推荐