W tej lekcji będziemy obejmować dwie nowe właściwości tła których używamy, aby zmienić kolor tła lub obraz tła elementu i obramowania.
Więc mamy zamiar zacząć tle jak widać mam mały przykład.
Więc tutaj jest jej końcowy wynik.
Zauważ, że mamy szare tło na organizm.
Jadąc tutaj, a następnie mamy niebieskie tło na div, który przyjeżdża tutaj.
A potem mamy także biały tekst na ust.
Więc idź naprzód i spróbować użyciu stronę O mnie, że już pracujesz.
I chodźmy naprzód i zmienić moje zainteresowania godzinę do przodu i nadać mu kolor tła.
Dajmy mu kolor pomarańczowy.
Więc jeszcze raz chcemy wybrać ten wiek cztery więc wpisać wieku czterech lat.
A następnie wewnątrz nawiasy masz zamiar powiedzieć, tło i zrobimy R G B i zrobimy jak orangey koloru.
Więc oni być dużo czerwieni trochę zielony i mały niebieski i niech odświeżyć i mamy ten piękny kolor koral.
Więc następnym dajmy tło dajmy ciału tło, które jest czymś często można zobaczyć na stronie internetowej, gdzie całe tło jest nowy kolor.
Więc zróbmy trochę coś w tle i po prostu powiedzieć, że aby być różowa teraz i potem idziemy cały Tło jest różowe.
Więc to jest właściwość tle wykorzystywane do zmiany koloru coś.
Ale możemy również skorzystać z właściwości tła, aby zmienić tło być obraz, który pokazują również zobaczyć dość często.
Więc tak to działa nadal określić tło ale zamiast koloru mówimy Ci Arel, a następnie w nawiasie podajemy mu u R L gdzie obraz się znajduje.
Więc chodźmy znaleźć niektóre woodgrain Przekonajmy obraz jak ten tutaj.
Więc po prostu skopiować ten obraz.
Rzucasz w zamierzamy ustawić, że jako tło.
Tak więc w naszym organizmie Idę powiedzieć tła, który Earl i że jesteś Ellett prostu skopiowane.
Więc to będzie działać z każdym obrazem.
A jeśli odświeżyć świetnie widzimy, że nasza tła została ustalona, ​​ale można zauważyć jedną małą rzeczą, która jest, że nasz obraz nie jest wystarczająco naprawdę duże.
Jeśli wrócimy do niego nie jest to blisko jest wystarczająco duży, aby pokryć całe nasze ciało tutaj.
Więc co się stało jest to, że są dokręcone.
Można zobaczyć, wiesz, że to jest zatytułowana kafelki poziomo i pionowo.
Więc jeśli nie chcemy, że czasami to zrobić, ale większość czasu nie wygląda bardzo dobrze.
Więc jeśli nie chcemy, że istnieje inna właściwość, że możemy ustawić i to powtórzenie tła.
A jeśli ustawisz się nie powtarzać i oszczędzać.
Teraz mamy ustawić tło swojego ciała i nie jest powtarzanie.
Ale można również zauważyć, że to nie rozciąga się na pokrycie całego ciała.
Więc jeśli chcemy, aby ją wyciągnąć na całym ekranie lub w całym organizmie jest jeszcze jedna właściwość możemy ustawić co jest rozmiar tła i możemy ustawić, że do pokrycia.
Więc jak można to zobaczyć teraz zajmuje całe ciało.
Oczywiście nie jest to najlepszy obraz tego, ponieważ jest to trochę rozmazane to trochę pixilated ale kiedy robisz obraz tła zazwyczaj chce upewnić się, że coś, co jest zarówno duże i wysokiej rozdzielczości lub coś, co ma mniejszy obraz można powtarzać płynnie w przeciwieństwie do tego.
To nie wiesz, symetrycznie na obu osiach, więc jeśli powtórzymy to jest bardzo jasne, że nie ma podziałów i płytek dzieje.
OK.
Więc to jest tło i za pomocą koloru tła i tła, aby ustawić obraz tła.
Następną rzeczą, którą chcę pokazać to, w jaki sposób uzyskać granicę.
Więc jestem naprawdę przyjdzie na to uwagę, ponieważ jest to trochę rozpraszające i niech to po prostu wrócić do tła jak różowe i chodźmy i dodawać obramowania do wszystkich tych, godz.
Więc granicznej i C S posiada trzy różne części.
Tam jest z kolorem i stylem.
Więc zacznijmy dając kolor obramowania dla każdego z nich.
To po prostu wygląda jak ten kolor ramki i tej granicy.
Chodźmy z fioletowym i jeśli odświeżyć rzeczywistości nie widać nic, a to dlatego, że obecnie nasza granica ma szerokość.
Więc następną rzeczą, którą musisz zrobić, to dać ją.
Więc granicy z nim będzie po prostu dać jej numer w pikselach.
Zróbmy pięć pikseli pięć x odświeżyć i my wciąż brakuje jednej rzeczy, która jest w formie.
Więc widać, że nic z tego nie działa, chyba że wszyscy troje ustawiony.
Więc stylu granicznego istnieje kilka różnych opcji.
Można powiedzieć, ciało stałe.
Rzuciłem granicy przerywaną.
Istnieje kilka innych.
Większość czasu to co widzisz to po prostu solidna granicy tak solidne pięć pikseli fioletowy.
A my się obramowanie wokół wszystkich tych godzin.
Jest miły skróty i podatkowe, które możemy wykorzystać.
Więc dlatego, że często ustawić wszystkie trzy z nich na raz nie jest równoważne składni, który jest nazywany po prostu granicznej.
A my prawej krawędzi dwukropek dajemy go 5 pikseli stylu solidne i kolor fioletowy.
Więc mogę właściwie skomentować te obecnie, a zobaczysz nic nie zmienia.
To jest identyczne.
Więc zagrajmy luz około trochę.
Chodźmy z 8 pikseli Dasht Forder który jest Weźmy po prostu naszą R. G. B z tu i mamy ten miły przerywaną efekt granicy.
Więc wiesz, zwykle nie widziałem tego.
Nie widziałem tego od stron internetowych z powrotem w latach 90-tych korzystających z tego cały czas różnych stylach.
Zwykle wszystko co widzisz jest miłym cienkie jeden lub dwa piksele stałe granicznej.
OK.
Więc po prostu zakręcić na granicy możemy ustawić właściwości indywidualnie lub możemy użyć skrótów oraz podatku i ustawić ze stylem i kolorem.