Midterm Excercise 5 (Branch 3774)
✨ PARATTAKORN SINGWISET
<html> <head> <style> body{ font-size:0; margin:0; } .box{ display: inline-block; width:20%; height:20%; background-size: cover; background-color: hsl(288, 60%, 50%); } .box1{ display: inline-block; width:20%; height:20%; background-size: cover; background-color: hsl(288, 30%, 50%); } </style> </head> <body> <!-- ห้ามแก้ HTML --> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> <div class="box"> </div> <div class="box1"> </div> </body> </html>