Cách làm hình nền web chỉ với 2 bước đơn giản

Cách làm hình nền web sử dụng một đoạn mã html và css để chèn vào web. Đây là 2 loại ngôn ngữ giao diện website phổ biến, bạn có thể thay đổi bất cứ điều gì tại giao diện web như hình nền, nội dung, danh mục. Cách làm hình nền web chi tiết sẽ được nói cho bài viết sau đây.

2 Cách làm hình nền web đơn giản nhất

Cách 1: Vào file index.php rồi chỉnh lại mã html

Đầu tiên bạn vào file index.php rồi mở mã lệnh lên. Thông thường cấu trúc của đoạn html thường là:

<html>

<head></head>

<body></body>

</html>

Để thêm hình nền cho web thì bạn cần thêm một đoạn mã css, lần này mình sẽ dùng thẻ style trong <body> với  câu lệnh dạng: style=”background: url(đường dẫn đến file ảnh);”

Ví dụ như file ảnh nền của bạn nằm trong ổ C thì đường dẫn ảnh có thể  là C:\wamp\www\images\.

Tên hình ảnh có  a.jpg thì chèn vào mã html với cấu trúc như sau:

<html>

<head></head>

<body style=”background: url(images/ a.jpg)”>

</body>

</html>

Sau cùng chỉ cần nhấn save để lưu lại kết quả là thành công rồi đó!

Cách 2: Tùy chỉnh lại đoạn mã css của giao diện

Thực hiện cách này các bạn làm như sau:

Copy file hình ảnh a.jpg và thư mục hình ảnh nếu bạn có theo đường dẫn: C:\wamp\www\images\.

Trong trang quản trị của web bạn bắt đầu vào phần giao diện trong đó chọn Edit css -> template.css > Edit.

Tại bạn sẽ thấy có một đoạn code css là:

body#tt {

    background: url(../images/bg.gif) repeat-x top left;

    color: red;

}

Trong này có dòng lệnh background: url(../images/bg.gif) repeat-x top left; đây là mã lệch quyết định khả năng thêm hình nền cho web. Bạn chỉ cần thay đổi 1 chút đoạn này như sau:

background: url(../images/ a.jpg);

Cuối cùng ta sẽ có đoạn css là:

body#tt {

    background: url(../images/ a.jpg);

    color: red;

}

Nhấn lưu rồi ra ngoài website để xem lại thành quả của mình nhé.

Trên đây là 2 cách làm hình nền web, hi vọng bạn sẽ thấy hiệu quả mang lại. Mọi ý kiến cần tư vấn gì bạn liên hệ tới thiết kế web 180 doanh nghiệp chuyên thiết kế website theo yêu cầu qua số điện thoại:0363280183 hoặc email:dtn.cntt@gmail.com.