您的位置:首页 > 健康 > 美食 > 随州今日头条新闻_动漫设计与制作英文_营销型网站建设优化建站_海外免费网站推广

随州今日头条新闻_动漫设计与制作英文_营销型网站建设优化建站_海外免费网站推广

2024/12/25 1:49:04 来源:https://blog.csdn.net/mingangel/article/details/142675987  浏览:    关键词:随州今日头条新闻_动漫设计与制作英文_营销型网站建设优化建站_海外免费网站推广
随州今日头条新闻_动漫设计与制作英文_营销型网站建设优化建站_海外免费网站推广

引言:

在网页中,会有三角形的出现,我们脑海里会有很多想法,如何去实现他们,我来提供一种比较好玩的做法。

方法:

我们实现一个三角形,当然可以使用精灵图、或者iconfont的做法,这些做法也十分简便,但是我也有一个不需要下载任何图片或者图标字体的做法,仅需一个盒子就可以实现。

做法:

首先我们需要声明一个盒子,比如说div盒子,但是这个盒子比较特殊,特殊之处就在于这个盒子的宽和高都为0,但是有边框长度。

此时效果图为

很显然,我们只需要留下我们需要的方向的三角形,其他的设置为透明色就OK:

代码:

效果图为:

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com