首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎样用css画出一个三角形

2012-09-05 
怎样用css画出一个三角使用css可以在网页上画出一个三角型和类似的图形,而不用image主要是利用css的border

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

热点排行