Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min .css"> <STYLE_PLACEHOLDER_2/> </head> <body> <h2>Chế độ xem danh sách hoặc Chế độ xem lưới</h2> <p>Nhấp vào nút để chọn chế độ xem danh sách hoặc chế độ xem lưới.</p> <div id= "btnContainer"> <button class="btn" onclick="listView()"><i class="fa fa-bars"></i> Danh sách</button> <button class="btn active" onclick=" GridView()"><i class="fa fa-th-large"></i> Lưới</button> </div> <br> <div class="row"> <div class="column" style ="background-color:#aaa;"> <h2>Cột 1</h2> <p>Một số văn bản..</p> </div> <div class="column" style="background-color:# bbb;"> <h2>Cột 2</h2> <p>Một số văn bản..</p> </div> </div> <div class="row"> <div class="column" style=" Background-color:#ccc;"> <h2>Cột 3</h2> <p>Một số văn bản..</p> </div> <div class="column" style="background-color:#ddd; "> <h2>Cột 4</h2> <p>Một số văn bản..</p> </div> </div> <SCRIPT_PLACEHOLDER_8/> </body> </html>