Tạo kiểu danh sách không thứ tự
Bài học 10 trên 12 trong khóa học Dự án thanh điều hướng dưới cùng với HTML/CSS của Coddy.
Hãy xóa dấu chấm của danh sách không có thứ tự và căn các biểu tượng theo chiều ngang.
Thử thách
DễNhắm đến danh sách không thứ tự trong lớp navigation .navigation ul:
- Đặt display thành
flex. - Đặt justify-content thành
space-around. - Đặt list-style thành
none.
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Viết code HTML tại đây -->
<script src="script.js"></script>
</body>
</html>Tất cả bài học trong Dự án thanh điều hướng dưới cùng với HTML/CSS
2Phong cách
Thẻ phổ quát
Thân trangTạo kiểu thanh điều hướngTạo kiểu danh sách không thứ tựTạo kiểu mục danh sáchHoạt ảnh biểu tượng khi di chuộtTự luyện tập: Playground Web