五角星怎么表示
来源：2-9 编程练习
慕码人1565653
2018-10-11 14:35:37
.fix{
width: 0;
height: 0;
border-width: 0 50px 150px 50px;
border-color:transparent transparent yellow transparent;
border-style: solid;
position: absolute;
}
老师为什么设置了上下左右边框厚度和颜色就是一个五角星了，没想通原因
写回答
1回答
-
好帮手慕星星
2018-10-11
你现在粘贴出来的代码是一个三角形，这个三角形形成的原理：
一个元素不设置宽高，然后使用border边框来增加厚度，但是给每个边框设置不同的颜色：
效果如下：
如果想要实现一个三角形，那么把其他方向边框颜色变为透明色就可以了。
想要实现五角星，可以按照下面效果形成：
或者是参考其它同学的思路：https://class.imooc.com/course/qadetail/54169
自己试着写一写，祝学习愉快~~
0
相似问题