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 khai báo thêm các quy tắc định dạng cho trang web "Bai10-NV1.html" để: nội dung phần tử body có khoảng cách lề 30 pixel; phần tử hơ có đường viền tô liền nét (solid), khoảng cách vùng đệm là 20 pixel.

 

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

/* Trong tệp style.css */

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

body {

    margin: 30px;

}

/* Định dạng phần tử hơ */

h1 {

    border: 1px solid black; /* đường viền tô liền nét */

    padding: 20px; /* khoảng cách vùng đệm */

}

 

Sau đó, cần thêm tham chiếu đến tệp CSS này vào phần tử <head> của tệp "Bai10-NV1.html" như sau:

<!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>

    <!-- Nội dung của trang -->

</body>

</html>