HTML奥运五环的实现

时间: 2023-07-18 admin 互联网

HTML奥运五环的实现

HTML奥运五环的实现

1:实现效果

 2.代码实现

<html lang="n"><head><title>wuhuan</title><style>*{margin:0;padding:0;}div{width:200px;height:200px;border:10px solid red ;border-radius: 50%;}#black{border-color:black;margin-left: 220px;margin-top: -220px;}#green{border-color:green;margin-left: 440px;margin-top: -220px;}#yellow{border-color:yellow;margin-left: 110px;margin-top: -110px;}#blue{border-color:blue ;margin-left: 330px;margin-top: -220px;}</style></head><body><div></div><div id="black"></div><div id="green"></div><div id="yellow"></div><div id="blue"></div></body><html>