HTML实现奥运五环

<!DOCTYPE html>
<html>
<head><title>奥运五环</title>
<style type="text/css">*{margin: 0;padding: 0;}.wrapper{width: 780px;height: 370px;border:1px solid black;position: absolute;left: 50%;top: 50%;margin-left: -390px;margin-top: -185px;}.circle{width: 200px;height: 200px;border-radius: 50%;position: absolute;}/*蓝黑红黄绿*/.blue{border:20px solid blue;}.blue2{border:20px solid transparent;border-right-color: blue;z-index: 2;}.black{border:20px solid black;left: 270px;}.black2{border:20px solid transparent;border-bottom-color: black;border-right-color: black;left: 270px;z-index: 2;}.red{border:20px solid red;left: 540px;}.red2{border:20px solid transparent;border-left-color: red;left: 540px;z-index: 2;}.yellow{border:20px solid yellow;left: 140px;top:130px;}.green{border:20px solid green;left: 410px;top:130px;}.green2{border:20px solid transparent;border-left-color: green;left: 410px;top:130px;z-index: 2;}
</style>
</head>
<body><div class="wrapper"><div class = "circle blue"></div><div class = "circle blue2"></div><div class = "circle black"></div><div class = "circle black2"></div><div class = "circle red"></div><div class = "circle red2"></div><div class = "circle yellow"></div><div class = "circle green"></div><div class = "circle green2"></div></div>
</body>
</html>

HTML实现奥运五环相关推荐

python奥运五环_python如何画奥运五环
绘制奥运五环主要涉及到Python中的turtle绘图库运用: 程序源代码为:import turtle turtle.width(10) turtle.color('black') turtle.c ...
python怎么设计奥运五环_python 相关语法图形绘制奥运五环
1. 适当的空格逻辑行首的空白表示逻辑表示层次关系从而决定分组语句从新行的第一列开始风格统一都用四个空格不能随便加空格奥运五环 #绘制奥运五环 import turtle turtle. ...
python画画需要什么模块_python实战练手项目---使用turtle模块画奥运五环
python实战练手项目---使用turtle模块画奥运五环 2020年将举办东京奥运会,本篇实践文章将带你使用turtle模块画一个五环图,先来看效果图 1. 定义一个类继承Turtle class ...
python_海龟绘图_画出奥运五环图---python工作笔记014
然后我们再用海龟绘图去,画个奥运五环去新建一个文件首先引入turtle海龟绘图程序包
OpenCV-绘制奥运五环（带套接效果）
作者:翟天保Steven 版权声明:著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处绘制逻辑奥运五环由5个同心圆套接组成,有蓝.黄.黑.绿.红5种颜色.环从左到右互相套接,上面是 ...
如何用python turtle 画出奥运五环图
import turtle as t #用t替代turtle t.hideturtle() #隐藏画笔 t.speed(0) #画笔的速度在0-10整数 t. ...
canvas画奥运五环 2019/10/29
在HbuilderX中用canvas画一个奥运五环. 先用arc画出五个圆环,画布是后画的图形在顶层,再根据圆环相互串压的顺序,新添同心圆笔画,就能画出五环相互勾连的样子了. 基本完成任务,效果简陋, ...
用turtle画奥运五环
#奥运五环 import turtle as t t.pensize(25) #设置画笔粗细 t.bgcolor('orange') #设置背景颜色 #t.tracer(False)t.penup() ...
04_turtle画奥运五环
4.turtle画奥运五环 # 绘制奥运五环 import turtleturtle.width(10)#画笔宽度turtle.color("blue")# 颜色蓝色 turtle ...
turtle画奥运五环图
#encoding=utf-8 #奥运五环 import turtle turtle.setup(0.5,0.5) #设置窗口大小 turtle.title("奥运五环") tur ...

HTML实现奥运五环

HTML实现奥运五环相关推荐

最新文章

热门文章