用html和css写出一个奥运五环

分类: 文章 • 2025-02-05 14:00:29

1.新建一个html与css文件并链接
用html和css写出一个奥运五环
2.html骨架搭建好

3.css代码

效果如下：典型的块级元素独占一行排列

4.分别书写五个圆环的css效果，覆盖上面黑圈的效果

效果：

5.让五环在浏览器居中对齐，给plat父级盒子添加css

效果：