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
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
Để duy trì blog nên mình có làm aff cho 1 số bên hosting. Nhưng dù aff mình cũng chọn 1 số nhà cung cấp uy tín về chất lượng và support nên các bạn cứ yên tâm nhé.
Nếu có mua hosting mà có trong list dưới đây các bạn click vào link trước khi mua để ủng hộ mình nhé. Mình cảm ơn nhiều
- Azdigi: Giá rẻ thì dùng gói Pro Gold Hosting còn chất lượng hơn thì em khuyên dùng Business Hosting. Có điều kiện thì lên VPS nhé
- Tino hosting
- iNet
- Nước ngoài thì Vultr
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
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/
- Bình luận
