Nút I

Bài học 10 trên 13 trong khóa học Thanh bên | Dự án front-end của Coddy.

Thử thách

Trung bình

Áp dụng cho cả #openSidebarBtn và #closeSidebarBtn:

1. Đặt màu nền theo lựa chọn của bạn

2. Tắt kiểu đường viền

3. Đặt bán kính đường viền theo lựa chọn của bạn

4. Đặt phần đệm theo lựa chọn của bạn

5. Đặt cỡ chữ theo lựa chọn của bạn

Tự làm thử

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>Mobile Sidebar</title>
</head>
<body>
  <button id="openSidebarBtn">Open</button>
  <div id="sidebar" class="sidebar">
    <button id="closeSidebarBtn">Close</button>
    <!-- Đặt nội dung thanh bên của bạn ở đây -->
    <p>Home</p>
    <p>About</p>
    <p>Services</p>
    <p>Contact</p>
  </div>
  <script src="script.js"></script>
</body>
</html>