CSS Background-image | Thuộc tính Background-image

[@josie.nguyen]

Thuộc tính background-image: -linear-gradient: tạo màu cho background với dãy màu chuyển -no-repeat: không lặp lại -repeat-y: lặp lại theo chiều ngang -repeat-x: lặp lại theo chiều dọc -hướng xoay(góc xoay): khi giá trị là của nó là 0 thì chỉ cần viết là 0 còn khi mà có giá trị lớn hơn 0 thì phải viết hẳn giá trị độ vào -tham số thứ 1(bên dưới hay màu 1) -tham số thứ 2(bên trên hay màu 2) -rgba(red:.....;green:..... ;blue:.....;alpha(độ trong suốt):.....;) đấy là một vài thứ mà tui học đc sau khi xem clip có gì sai sót ae thông cảm:^^

[@hoanggiainh135]

[@luongngoctai2284]

yeah sure

[@nguyentrongnhan4486]

Cảm ơn nha

[@latoiday7912]

Cám ơn anh nhiều ạ Search ảnh trong suốt: tên ảnh + png Linear gradient : tạo background có màu chuyển

[@cungthanhlaptrinh]

Thuộc tính background-image: -linear-gradient: Tạo màu cho background với dãy màu chuyển -no-rêpat : Không lặp lại -rêpat-y: lặp lại chiều ngang rêpat: x lặp lại chiều dọc hướng xoay (góc xoay ) : khi giá trị là của nó =0 ta chỉ cần viết là 0 mà khi có giá trị >0 ta phải viết độ vào -Tham số thứ 1( bên dưới màu 1) -Tham số thứ 2 (bên trên màu 2) -rgba(red....; green:....; blue:....;alpha( độ trong suốt ):....;)

[@Cheems_Galaxy]

6:00 có thể thay đổi góc xoay như sau: background-image: linear-gradient(to right, #333 , #ccc); background-image: linear-gradient(to left, #333 , #ccc); background-image: linear-gradient(to top, #333 , #ccc); background-image: linear-gradient(to bottom, #333 , #ccc); Sẽ trực tiếp xoay theo chiều phải , trái , đỉnh, đáy

[@Tl-nv8un]

background-image: url(); thêm ảnh vào nền web background-size: canh chỉnh ảnh background-repeat: repeat/ no-repeat/ repeat-x, y là tung hoành dài và dọc background-image: linear-gradient(*, *, *) dấu *1 là độ nghiêng ảnh >0 thêm deg vào *2 *3 có thể cho màu rgba(*, *, *, *) gồm 4* là màu sắc

[@gametur3062]

sau thêm cái stk để ae donate ủng hộ a ơi (mặc dù biết a k cần),video tâm huyết quá ạ

[@vuthanhkhang2787]

background-image: linear-gardian(0deg,rgba(255,255,12,0.5),#666),url(chèn ảnh); #0.5 là mã màu trong suốt background-size: 100%; background-repeat: no-repeat repeat-x : lặp lại theo chiều ngang repeat-y: lặp lại theo chiều dọc

[@h20q43]

Kết hợp các hình ảnh: background-image: url(link hình ảnh), url(link hình ảnh); Dải màu tuyến tính: (linear-gradient) background-image: linear-gradient(hướng xoay của dải, màu bắt đầu chuyển, màu cuối dải màu); vd: background-image: linear-gradient(90deg,yellow,pink); Kết hợp hình ảnh và dải màu: background-image: linear-gradient(hướng xoay của dải, rgba(red chọn màu, green chọn màu, blue chọn màu, alpha chọn từ 0-1 a tạo độ trong suốt), chọn màu hoặc rgba tiếp cũng được); vd: background-image: linear-gradient(0,rgba(#255,#255,#255,0.3),yellow)

[@NganLe-ye9pc]

CHƯƠNG TRÌNH HỌC HAY ,VIDEO CHIA PHẦN NGẮN GỌN DỄ HỌC, .CẢM ƠN ANH NHIỀU.

[@ThùyVânLương-l6t]

quá dễ hiểu luôn ạ cảm ơn anh rất nhiều

[@KhanhHoang-ro7xu]

Background-image -linear-gradient : tạo 1 dãy chuyển màu cho background - background-size : kích thước background ( % hoặc px) - background-repeat : no-repeat - repeat y : lặp lại theo trục oy - repeat x : lặp lại theo trục ox

[@ManNhi_tl]

Thuộc tính background-image: url(); background-size: (px hoặc %) là size ảnh background-repeat: _repeat: lặp lại ảnh _no-repeat: ko lặp ảnh _repeat-x, y: lặp ảnh theo chiều dọc hoặc ngang linear-gradien: dãy màu chuyển 3 tham số: (0, red, blue) tham số đầu tiên là góc xoay có độ thì thêm deg hoặc có dãy màu rgba(4 tham số) thay thế red hoặc blue

[@haiang6949]

quá hay a ơi, xem đến video này là làm đc cái background cho web r nè

[@vonamsang9730]

Thầy ơi! giờ em học lộ trình theo thứ tự của video của thầy up trên youtube là tất tần tật về html và css ạ thầy!

[@trieuanhong3139]

Đang học lập trình web mà cứ ngỡ là học photoshop ảnh :)).

[@sonnguyenhoang3198]

Cảm ơn anh nhiều rất hay và bổ ích ạ

[@trisstran744]

Uiz khủng khiếp, như xem phim bom tấn :V

[@HauNguyen-pb7xj]

Bài giảng hay quá ạ

[@LuanNguyen-zc5rh]

như ảnh có sẵn trên máy thì có cần tạo url cho nó ko ạ

[@ucco7976]

repeat-x lặp lại ngang repeat-y: lặp lại dọc background-image:url(link ảnh), linear-gradient(0(độ),212,234,0,0.5)(dải mauftrong đó 0.5 là trong suốt) no-repeat: khoogn lặp lại

[@ucPham-kf6cm]

Học đc nhiều chưa b , t cũng đang bắt đầu học

[@QuangNguyen-vy5jr]

cái hình bạn nói bản quyền không phải đâu, do bạn để bg-img = 100px đấy, để auto là ngon ngay :D

[@quanhoang650]

tại sao e ghi câu lệnh giống anh nhma k tạo ra được hình ảnh ta

[@trantuanat524]

em chào anh ạ. Anh cho em hỏi cái khúc 4:23 anh nói dảo vị trí 2 link mà thao tác kiểu gì tự nhiên link nó nháy xuống được như vậy thế anh

[@F8VNOfficial]

Anh dùng Alt + Phím mũi trên nha. Máy anh máy mac, nếu em dùng windows nếu phím Alt ko đc thì thử bằng mấy phím chức năng khác nhé.

[@trantuanat524]

@@F8VNOfficial em cảm ơn !

[@thienduct585]

thay vì dùng 90 deg thì chúng ta dùng to bottom to top to left and to right đc đúng ko anh...background-image: linear-gradient( 180deg , rgba(100, 100, 100, 0) 20%, #0d0d1f);

[@hulyy04]

e có làm y như v chỉ thay rgba thoi ạ nhưng không chạy được ạ phải làm sao ạ

[@phunguyen-et5kd]

Em bị lỗi không dùng được rgba (hiện dấu ngoặc đỏ) thì phải làm sao ạ?

[@tomed183]

a chọn ảnh nâng cao nhiệt huyết học tập gke a.hhaaha

[@nvs4600]

Quá tuyệt vời anh ạ.

[@nguyennguyencao8546]

làm s để qua bên web học tiếp bài bên này đc ạ

[@quan9012]

Hay quá ạ

[@cusi12]

với ảnh trong file thì sao ạ

[@manhhung_1109]

mọi người ơi sao em copy image address nó ra dài v

[@tungvu2444]

skill của anh quá đỉnh

[@hungduong4849]

ai đó cho mình hỏi background-image bằng ảnh ở trong file có sẵn trong máy thì làm kiểu j ạ

[@buiha4032]

Bạn chuyển ảnh vào cùng folder với file html

[@ngocuoctran7861]

Có cách nào để dễ nhé ở phần góc chuyển cuae linear-gradient không ạ?

[@luatnguyenhuu2954]

k nên cố nhớ đâu

[@binhminhvu4235]

Sao để 100vh mà nó lại như vậy được nhỉ

[@dungleuc9394]

Muốn cái ảnh nó vừa với kích thước màn hình máy tính nhưng vẫn đầy đủ ảnh thì phải làm sao hả anh

[@hieuhoangtranvan2681]

cho bacground-size: 100rem là được bạn.

[@datha1605]

thao tác nào để đảo dòng nhanh vậy anh

[@guitarandgym818]

dùng tổ hợp phím alt + di chuyển lên xuống nha bạn

[@quangtranang2998]

window có tổ hợp phím nào để di chuyển khung nhìn như trong clip k a ? (kiểu k phải kéo thanh cuộn ấy ạ)

[@oneonenice6119]

chia màn hình bạn làm theo link hướng dẫn là được ==> www.dienmayxanh.com/kinh-nghiem-hay/huong-dan-cach-chia-man-hinh-tren-windows-10-1167526

[@PhucNguyen-sb1hy]

mình chỉ biết tổ hợp window+mũi tên để thay đổi sang phải trái... thôi

[@hungaouc1525]

12:36 có cách nào nút ngắn hay cho nó thành ... khi copy link ko mn trc tui copy dài quá nó có .... nhưng h nó nhảy dài hết dòng nọ đến dòng kia :>

[@tungvan7689]

Refect j đó nhấn ở đâu vậy bác

[@ThuLe-jl9zv]

ctrl+R

[@tungvan7689]

@@ThuLe-jl9zv cảm ơn ạ

[@powerthymewarp6275]

Cảm ơn anh nhìu ạ

[@hongsonnguyen9620]

hay anh ơi :))

[@quanganhle3432]

Bổ ích quá

[@HoangNguyen-wz4vi]

Anh ơi sao e truyền ko có ảnh ạ

[@F8VNOfficial]

Em xem lại link ảnh đã đúng chưa em

[@GIAITRI-gv6lc]

e đã copy link ảnh giống anh nhưng bên trình duyệt không hiển thị làm nhiều lần với các ảnh khác cũng o đc là do lỗi gì ak giup e vs

[@atnguyencong9569]

bạn làm đượcchưa vậy, chỉ mình với, mình cũng bị

[@sangdothanh6298]

bạn coi thiếu dấu ngoặc tròn ở cuối rgba 2 không nhé vì sẽ có 2 dấu ngoặc tròn lận đấy!

[@relaxreview123]

bạn xem lại sao chép địa chỉ ảnh hay địa chỉ web nhe, có thể là sao chép nhầm ấy

[@leanhtuc1093]

😅😅😅😅