Full background with css3

Cập nhật lần cuối 11/03/2017 by trong HTML&CSS vào 14/10/2013 có 655 Views

Chào các bạn yêu thích công nghệ thông tin và đặc biệt là thích về web

Hôm nay mình xin chia sẻ với các bạn một mẹo vô cùng nhỏ để có được một background đẹp và đúng ý của mình nhé.

Full background with css3

Full background with css3



Ví dụ như này nhé. Mình có một cái hình với kích thước nhỏ. Không đủ đầy màn hình máy tính.
Demo

Và bạn muốn nó đầy màn hình thì ta dùng css3 để định dạng nó nhé.
Code Css3 như sau:

-webkit-background-size: cover;/*Dùng cho Chrome*/
-moz-background-size: cover; /*Dùng cho Firefox*/
-o-background-size: cover; /*Dùng cho Opera*/
background-size: cover;

Sau khi thêm css vào ta được như sau

Demo

Các bạn có thể tham khảo thêm một số cách khác tại đây nha:
Page full background http://css-tricks.com/perfect-full-page-background-image/

Full background with css3
5 (100%) 1 vote
Từ khóa: , ,
  • Bình luận
Có thể bạn quan tâm
x