Hỏi về thuộc tính hình nền trong CSS

Hoang_Hon · September 19, 2019, 5:20pm

Để tạo được hình nền kiểu nà thì dùng thuộc tính nào ạ?

với cả sao em dùng kiểm tra phần tử để lấy hình ảnh từ trang web đó mà không tìm thấy dc link hình ảnh ạ? ai thấy chỉ cho em với! Thanks các bro nhiều!
link web cụ thể: http://mauweb.thietkewebbeta.com/khogiaodien/food01/#1

tap_su_01 · September 18, 2019, 3:56am

Muốn lấy hình thì bạn tìm trong class banner-bg fill nhé.
Muốn tạo hình nền kiểu này thì bạn chỉ cần tạo 1 khung chứa hình, sau đó thêm 1 khung chứa text nằm đè lên thôi. code thì bạn có thể tham khảo ở chính trang bạn gửi. Tìm class banner-inner fill

Hoang_Hon · September 18, 2019, 4:52am

Bác nói rõ hơn về cái khung chứa hình dc ko? dùng thuộc tính background: url(); à bác hay sao ?

tap_su_01 · September 18, 2019, 5:47am

Tùy theo bạn muốn hiển thị thì sẽ dùng các thuộc tính khác nhau. Nếu bạn làm y đúc như link mẫu thì dùng thuộc tính background: url() nhé.

Khang_Viet · September 18, 2019, 6:15am

làm cái này chỉ cần sử dụng Position là được thôi, cái background đó thì dùng hiệu ứng mờ là được. Keyword: Position Text Over an Image

Xiaomi_Nguyen_Tuan · September 19, 2019, 8:42am

Bạn tham khảo, chỉ là chèn 2 thuộc tính vào cùng 1 property CSS thôi

.header {
    height: 95vh;
    background: linear-gradient(to bottom right, rgba($color-primary-light, 0.664), rgba($color-primary-dark, 0.692)) , url(../img/hero.jpg);
    background-size: cover;
    background-position: top;
}

pandaboy1942 · September 19, 2019, 5:16pm

cái này thì dùng như sau

body{
background-image:url(  nhập url  );
background-image-style/*cái này tuui ko rành lên w3school tìm nhé*/
}