เสร็จแล้ว 5
✨ Putthima D.
<html> <head> <style> body{ font-size:0; display:flex; flex-wrap:wrap; margin:0; } div{ color:purple; width:20%; height:20%; /* สีกล่อง */ background:hsla(109, 100%, 40%, 0.5); } div:nth-child(even) { background:hsla(109, 100%, 40%, 1); } </style> </head> <body> <!-- ห้ามแก้ HTML --> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> </body> </html>