Do dó bắt buộc chính chúng ta phải căn thiệp vào phần code có trên template đó.Và một trong những thứ đó là chọn một ảnh nền cho blog của mình.Đối với những bạn không rành về code thì đôi khi gặp một vài khó khăn nhỏ trong việc làm điều này. Nên mình lập là bài viết nhỏ này sẽ hướng dẫn cho những bạn đang tìm hiểu cách thức để đặt một hình nền tùy chọn cho website của bạn.
Tóm Tắt
Đặt ảnh Background full màn hình
Đối với một số bạn đã biết về css thì sẽ biết, khá đơn giản để đặt hình nền cho một đối tượng bất kì, chỉ cần sử dụng thuộc tính background cho thẻ đó là được. Ví dụ đặt ảnh cho toàn trang
Do dó bắt buộc chính chúng ta phải căn thiệp vào phần code có trên template đó.Và một trong những thứ đó là chọn một ảnh nền cho blog của mình.Đối với những bạn không rành về code thì đôi khi gặp một vài khó khăn nhỏ trong việc làm điều này. Nên mình lập là bài viết nhỏ này sẽ hướng dẫn cho những bạn đang tìm hiểu cách thức để đặt một hình nền tùy chọn cho website của bạn.Đối với một số bạn đã biết về css thì sẽ biết, khá đơn giản để đặt hình nền cho một đối tượng bất kì, chỉ cần sử dụng thuộc tính background cho thẻ đó là được. Ví dụ đặt ảnh cho toàn trang
body toàn thân { background : url ( địa chỉ ảnh ) ; } nhưng như đoạn mã trên thì ảnh sẻ chỉ nằm ở một góc mà chứ không tràn ra toàn website, 1 số ít bạn thì thường cho thêm thuộc tính repeat vào nữa thì ảnh sẽ lặp lại the chiều ngăng chiều dọc gì đó, một số ít bạn lại kiếm một ảnh cỡ đại bự để chèn vào. Nhưng kiểu nào cũng vậy mình thấy hầu hết nó cũng thấy nó xấu xấu thế nào ấy, ngoại trừ những ảnh chỉ toàn màu hoặc nó đều nhau. Dưới đây là những khắc phục của mình, mình sẽ sử dụng thêm một vài dòng CSS3 giúp cho ảnh tự động hóa tràn toàn màn hình hiển thị, đặc biệt quan trọng nó sẽ do dãn theo đúng tỉ lệ của màn hình hiển thị không làm xấu website. Thay vì sử dụng đoạn mã trên thì bạn hãy sử dụng đoạn mã sau đâybody { background : url ( địa chỉ ảnh ) no-repeat center center fixed ; – webkit-background-size : cover ; – moz-background-size : cover ; – o-background-size : cover ; background-size : cover ; } ở đoạn mã trên bạn sẽ thấy background-size : cover, đây là giúp cho chiều rộng của hình ảnh bằng với chiều rộng của trình duyệt đang mở, trong trường hợp bạn muốn cả chiều cao ảnh co và giãn theo chiều dọc luôn thì những bạn thay ” cover : bằng 100 % 100 % ” là được, nhưng mà làm vậy thì nhiều lúc nó làm hình ảnh biến dạng trông dị thường lắm .
Xem thêm: Hướng Dẫn Chi Tiết Cách Chặn Email Không Mong Muốn, Chặn Email Của Ai Đó
Xem thêm: HTML Là Gì, Giới Thiệu Về HTML
Lời kết
Mong rằng qua bài viết này thì những bạn đang tìm hiểu về cách đặt background full màn hình qua việc sử dụng css đã có lời giải đáp riêng cho mình.
Nhãn:CSS
Mong rằng qua bài viết này thì những bạn đang tìm hiểu về cách đặt background full màn hình qua việc sử dụng css đã có lời giải đáp riêng cho mình.Nhãn:CSSTác giả bài viết: Lâm Kiều
Mọi nhận xét trên blog kiemvuongchimong.vn. NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý : Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hài hòa và hợp lý thì nhận xét đó vẫn sẽ được gật đầu. Nếu bạn muốn hiện mã HTML thì bạn cần quy đổi trước bằng công cụ phía dưới .
Nhận thư mớiNhận thư mớiHãy ĐK theo dõi blog tại đây, bạn sẽ nhận được những thông tin mới nhất vào hòm thư của mình !
Source: https://final-blade.com
Category: Kiến thức Internet
