Bài 11. Mô hình hộp, bố cục trang web

Bạn chưa đăng nhập. Vui lòng đăng nhập để hỏi bài
datcoder

Em hãy sử dụng phần tử div kết hợp với định dạng CSS để tách trang web Bai 10-NV1.html thành hai phần: phần đầu trang và phần nội dung. Phần đầu trang là tiêu đề “Đóng góp ý kiến cho thư viện của nhà trường", phần nội dung là các thông tin còn lại. Tạo màu nền khác nhau cho hai phần này.

 

Nguyễn  Việt Dũng
29 tháng 4 lúc 12:05

Trong tệp CSS (ví dụ: style.css):

/* Định dạng phần đầu trang */

.header {

    background-color: lightblue; /* Màu nền cho phần đầu trang */

    padding: 20px;

}

 

/* Định dạng phần nội dung */

.content {

    background-color: lightgrey; /* Màu nền cho phần nội dung */

    padding: 20px;

}

 

Trong tệp HTML (Bai10-NV1.html):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <link rel="stylesheet" href="style.css">

</head>

<body>

    <!-- Phần đầu trang -->

    <div class="header">

        <h1>Đóng góp ý kiến cho thư viện của nhà trường</h1>

    </div>

 

    <!-- Phần nội dung -->

    <div class="content">

        <!-- Thêm nội dung của trang web tại đây -->

    </div>

</body>

</html>