CSS绘画三角形

全栈程序员站长

发布于 2022-09-14 08:40:03

5780

发布于 2022-09-14 08:40:03

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是你们的朋友全栈君。

本案例使用CSS绘画了一个三角形的图案。

预览演示地址：https://tympanus.net/codrops-playground/SaraSoueidan/kFTn9yJk/editor 将下面的代码复制到演示地址对应位置即可查看效果

<!--HTML-->
<div class="container">
  <div class="element"></div>
</div>

/*css*/
body { background-color: #F5F5F5; color: #555; font-size: 1.1em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.container { margin: 40px auto; max-width: 700px; }
.element { width: 0px; height: 0px; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom:100px solid #707070; }

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/148745.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

https