Midterm Excercise 5 (Branch 3828)
✨ นางสาวรจนา หอมประสิทธิ์
<html> <head> <style> body{ font-size:0; margin: 0; } .color1{ display: inline-block; background-size: cover; width: 20%; height: 20%; background-color: hsl(10, 50%, 50%); } .color2{ display: inline-block; background-size: cover; width: 20%; height: 20%; background-color: hsl(10, 20%, 50%); } </style> </head> <body> <!-- ห้ามแก้ HTML --> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> <div class="color2"> </div> <div class="color1"> </div> </body> </html>