30/09/2018, 23:07
Căn chỉnh layout trong CSS
Đây là code HTML vs CSS của em ạ:
<pre><div id="footer">
<div id="box1"><h2>About this page</h2>
Made with and by <a href="qlip.in" target="_blank">Justin Sane</a>.
</div>
<div id="box2"><h2>Around the web</h2></div>
<div id="name"><p align="center">qlip © 2016. All Rights Reversed</p></div>
</div></pre>
<pre>#footer {
height:340px;
background-color:#AAAAAA;
color:#E2E2E2;
overflow:auto;
margin:0;
}
#footer div:first-child {
width:670px;
height:240px;
float:left;
padding-left:15em;
padding-top:2em;
}
#footer div:nth-child(2) {
width:670px;
height:240px;
float:right;
padding-left:5em;
padding-top:2em;
}
#name {
height:100px;
width:100%;
text-align:center;
background: #722872;
margin-top:11em;
}</pre>
Em muốn kết quả nó như này
Mà viết code thế nào nó cũng ra như này ạ:
Bài liên quan
Mình nghĩ bạn phải học thêm về CSS3 nữa đi. Tạo button, Sử Dụng Icon, phân trang,… Vì cái bạn viết ra với cái Mẫu nó khác nhau nhiêuf quá,