珠海网站制作之使用css3制作一个三角形按钮。

- 编辑:慢熊科技 -

珠海网站制作之使用css3制作一个三角形按钮。
首先放出div代码
 

<div class=”box”>
 
</div>
Css:
.box{
height:0px;
Width:0px;
Background-color:#333;
Border:100ox;solid transparent;
Border-top-color:green;
Border-bottom-colo:0px;
}

css3做一个倒三角
思路就是说,我们把这个div块设置成0,无限小,然后我们把边框设置粗大一点,接着我们把左右的背景色改为背景透明即可。
拓展:使用css画一个圣诞树,那么这个就更加简单了,圣诞树是三个倒三角组成的,我们只需要做三个倒三角然后使用div就可以啦。
希望对大家有所帮助。