HTML
CSS
<header> <div style="color: red; background-color: cyan; text-align: center;">Đỗ Tuấn Kiệt</div> <div class="kiet" id="kiet">Đỗ Tuấn Kiệt</div> <div class="tuan">Đỗ Tuấn Kiệt</div> <a href="">Link youtuber</a> <ul class="danhsach1"> <li><a href="">Menu</a></li> <li><a href="">Menu</a></li> <li><a href="">Menu</a></li> <li><a href="">Menu</a></li> </ul> <ul class="danhsach2"> <li><a href="">Menu</a></li> <li><a href="">Menu</a></li> <li><a href="">Menu</a></li> <li><a href="">Menu</a></li> </ul> </header> <main> <section class="banner"></section> <section class="info"></section> <section class="blog"></section> <div class="kichthuoc"> Đỗ Tuấn Kiệt </div> </main> <footer></footer>
.tuan{ color: green; background-color: yellow; text-align: center; } a{ text-decoration: none; } ul{ list-style: none; } .danhsach1 a{ color: rebeccapurple; background-color: lightgreen; } .danhsach2 a{ color: orange; background-color: lightblue; } .kichthuoc{ font-size: 30px; background-color: lightgreen; width: 50%; height: 100px; border: 2px solid black; padding: 20px 10px 30px 40px; padding: 20px 10px 30px; padding: 20px 50px; margin: 30px; padding-left: ; padding-right: ; margin-bottom: ; margin-top: ; }
Result Size: