我想问怎么使用CSS写出国旗中的5歌五星红旗呢？？
2-9 编程练习
你知道吗，直接用css也可以写出我们的五星红旗。那么我们也来尝试一下吧。
效果图:
任务
1、 创建一个矩形div，用css控制其大小比例为3:2，背景为红色，居中，用于国旗的背景。
2、 再创建五个小div，用css控制其大小和边框。
3、用css同时控制每一个小div的两个伪元素的大小、边框及其位置，并配合旋转，使其以父亲组成一个五角星。
4、分别用css控制每一个五角星的平移、旋转、缩放，直到五角星大小、位置和方向均正确为止。
任务提示
transform: rotate(<angle>); angle指旋转角度，正数表示顺时针旋转，负数表示逆时针旋转。
translateX(x)仅水平方向移动（X轴移动）;translateY(Y)仅垂直方向移动（Y轴移动）。
scale(x, y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）。
正在回答 回答被采纳积分+1
你好同学 ，老师给你一个绘制五角星的思路：
可以观察一下，一个五角星是由三个三角形组成，所以先绘制一个三角形。第一个三角绘制好之后 ，另外两个三角就是通过旋转不同的角度 （transform: rotate(<angle>); angle指旋转角度），从而组成了一个五角星。
所以重要的是要绘制一个三角形，它的思路是如下这样
当一个盒子设置width和height为0后，整个盒子就都是由边框组成的。当给一个盒子4个角度的边框设置不同颜色的时 ，会发现它表现形式就是4个三角：
所以给其他三个角度的边框设置透明背景色（transparent），就会剩一个三角形状了。
一个五角星绘制出来了，那么其他几个绘制方法都是一样的哦。只不过是通过定位，让它们在不同的位置上显示。
可以尝试一下，如果哪里不会了，粘贴代码提问，老师会有针对性的指导你。或者在问答区域学一下其他小伙伴的思路哦。例如如下同学的实现的就很不错：
https://class.imooc.com/course/qadetail/105852
祝学习愉快 ，望采纳。
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星