transparent(指定透明度)使用方法

transparent(指定透明度)使用方法

1.在web前端中使用html+css用于制作三角形（用途）
2.盒子宽和高必须都为0,这时盒子四边以三角形的形式进行相接(重点理解1)。如果只有一个边框宽度存在时，那么这个边框不会显示。因此，必须存在另外两个与之相邻边框宽度才会显示。
3. 那个给transparent属性就说明他所在的位置要变成透明（隐藏起来），这时只会显示不透明的部分 （重点理解2自己再多操作几遍）
3.1如 /顶部倒三角形 ：只留想让显示的部分，其余的用transparent隐藏其与之相邻的两条边/
div {
width:0;
height:0;
border-top:30px solid red ;
border-left:30px solid transparent;
border-right:30px solid transparent;
}
3.2 /*左侧三角形 */
div {
width:0;
height:0;
border-top:30px solid transparent;
border-left:30px solid red;
border-bottom:30px solid transparent;
}
3.3./右侧三角形/
div {
width:0;
height:0;
border-right:30px solid red;
border-bottom:30px solid transparent;
border-top:30px solid transparent;
}
3.4/底部正三角形/
div {
width:0;
height:0;
border-bottom:30px solid red;
border-left:30px solid transparent;
border-right:30px solid transparent;
}