Menu
CoddyTech

Nội dung thanh bên

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

challenge icon

Thử thách

Dễ

1. Bên trong 'sidebar', bên dưới nút 'Close', hãy tạo bốn thẻ đoạn văn, gồm các nội dung 'Home', 'About', 'Services' và 'Contact'.

2. Đặt lề của thẻ body thành 0 trong tệp CSS.

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>
            <!-- Viết code HTML ở đây -->

        </div>
        <script src="script.js"></script>
    </body>
</html>

Tất cả bài học trong Thanh bên | Dự án front-end

Tự luyện tập: Playground Web