Nội dung thanh bên

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

Thử thách

Dễ

Nhắm đến phần tử đoạn văn trong lớp 'sidebar':

1. Đặt màu (không phải màu trắng).

2. Thêm phần đệm tùy bạn chọn.

3. Đặt con trỏ thành dạng con trỏ.

4. Thêm hiệu ứng khi di chuột, đặt độ mờ tùy bạn chọn (không phải 1).

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
    <title>Sidebar</title>
</head>
    <body>
        <button id="openSidebarBtn">Open</button>
        <div id="sidebar" class="sidebar">
            <button id="closeSidebarBtn">Close</button>
            <p>Home</p>
            <p>About</p>
            <p>Services</p>
            <p>Contact</p>
        </div>
        <script src="script.js"></script>
    </body>
</html>