信息中心

提供网站前端、SEO、APP和公众号小程序开发技术信息

首页 >  网站前端

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

文章分类: 网站前端 浏览量:132 发布时间:2020-04-20 21:34:48

珠海网站制作之使用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就可以啦。
希望对大家有所帮助。

7*24服务电话(以解决问题为最终目标)

173-0756-4526

直接负责:MR.潘:17307564526

技术负责:MR.王:18186226660

邮箱:694394062#qq.com
地址:珠海香洲区紫荆路振国巷9号科汇大厦

COPYRIGHT © 2010-2020 蓝黛科技珠海网站建设 珠海SEO www.zhuseo.com ALL RIGHTS RESERVER 版权所有 粤ICP备17099728号-1