2022-04-04 05:54:16 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

css制作三角形的方法：首先创建一个HTML示例文件；然后创建一个p；最后通过“border-color: transparent transparent red transparent;”等属性实现三角形效果即可。

本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑

教你用css做出三角形

今天Max分享一个用css制作三角形的技巧~
那三角形到底怎么做啊QAQ？？？
不急不急，我们一点一点来。

制作方法

首先我们写一个p:

.triangle{
    height: 100px;
    width: 100px;
    border:100px solid ;
    border-color: red orange blue purple;
}

效果如下图：

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者