1
00:00:00,350 --> 00:00:10,120
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.

2
00:00:10,260 --> 00:00:14,670
Więc mamy zamiar zacząć tle jak widać mam mały przykład.

3
00:00:14,670 --> 00:00:16,260
Więc tutaj jest jej końcowy wynik.

4
00:00:16,440 --> 00:00:19,890
Zauważ, że mamy szare tło na organizm.

5
00:00:20,010 --> 00:00:25,840
Jadąc tutaj, a następnie mamy niebieskie tło na div, który przyjeżdża tutaj.

6
00:00:26,040 --> 00:00:29,490
A potem mamy także biały tekst na ust.

7
00:00:29,580 --> 00:00:35,040
Więc idź naprzód i spróbować użyciu stronę O mnie, że już pracujesz.

8
00:00:35,220 --> 00:00:40,140
I chodźmy naprzód i zmienić moje zainteresowania godzinę do przodu i nadać mu kolor tła.

9
00:00:40,560 --> 00:00:42,460
Dajmy mu kolor pomarańczowy.

10
00:00:42,900 --> 00:00:47,840
Więc jeszcze raz chcemy wybrać ten wiek cztery więc wpisać wieku czterech lat.

11
00:00:48,540 --> 00:00:57,230
A następnie wewnątrz nawiasy masz zamiar powiedzieć, tło i zrobimy R G B i zrobimy jak orangey koloru.

12
00:00:57,260 --> 00:01:06,670
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.

13
00:01:06,780 --> 00:01:15,490
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.

14
00:01:15,780 --> 00:01:31,290
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.

15
00:01:31,290 --> 00:01:36,870
Więc to jest właściwość tle wykorzystywane do zmiany koloru coś.

16
00:01:37,680 --> 00:01:44,820
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.

17
00:01:45,150 --> 00:01:55,760
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.

18
00:01:56,190 --> 00:02:04,920
Więc chodźmy znaleźć niektóre woodgrain Przekonajmy obraz jak ten tutaj.

19
00:02:05,350 --> 00:02:06,980
Więc po prostu skopiować ten obraz.

20
00:02:07,200 --> 00:02:11,560
Rzucasz w zamierzamy ustawić, że jako tło.

21
00:02:12,390 --> 00:02:21,900
Tak więc w naszym organizmie Idę powiedzieć tła, który Earl i że jesteś Ellett prostu skopiowane.

22
00:02:21,900 --> 00:02:23,770
Więc to będzie działać z każdym obrazem.

23
00:02:24,050 --> 00:02:35,220
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.

24
00:02:35,220 --> 00:02:41,760
Jeśli wrócimy do niego nie jest to blisko jest wystarczająco duży, aby pokryć całe nasze ciało tutaj.

25
00:02:41,850 --> 00:02:44,100
Więc co się stało jest to, że są dokręcone.

26
00:02:44,280 --> 00:02:48,900
Można zobaczyć, wiesz, że to jest zatytułowana kafelki poziomo i pionowo.

27
00:02:49,320 --> 00:02:53,870
Więc jeśli nie chcemy, że czasami to zrobić, ale większość czasu nie wygląda bardzo dobrze.

28
00:02:54,180 --> 00:03:03,220
Więc jeśli nie chcemy, że istnieje inna właściwość, że możemy ustawić i to powtórzenie tła.

29
00:03:04,380 --> 00:03:11,530
A jeśli ustawisz się nie powtarzać i oszczędzać.

30
00:03:12,300 --> 00:03:15,720
Teraz mamy ustawić tło swojego ciała i nie jest powtarzanie.

31
00:03:16,260 --> 00:03:21,190
Ale można również zauważyć, że to nie rozciąga się na pokrycie całego ciała.

32
00:03:21,240 --> 00:03:38,230
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.

33
00:03:39,240 --> 00:03:42,890
Więc jak można to zobaczyć teraz zajmuje całe ciało.

34
00:03:43,430 --> 00:04:01,680
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.

35
00:04:01,740 --> 00:04:08,870
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.

36
00:04:09,300 --> 00:04:09,600
OK.

37
00:04:09,600 --> 00:04:16,210
Więc to jest tło i za pomocą koloru tła i tła, aby ustawić obraz tła.

38
00:04:16,350 --> 00:04:19,460
Następną rzeczą, którą chcę pokazać to, w jaki sposób uzyskać granicę.

39
00:04:19,770 --> 00:04:33,960
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.

40
00:04:34,470 --> 00:04:38,560
Więc granicznej i C S posiada trzy różne części.

41
00:04:38,700 --> 00:04:43,630
Tam jest z kolorem i stylem.

42
00:04:45,090 --> 00:04:49,310
Więc zacznijmy dając kolor obramowania dla każdego z nich.

43
00:04:49,320 --> 00:04:54,660
To po prostu wygląda jak ten kolor ramki i tej granicy.

44
00:04:54,780 --> 00:05:03,110
Chodźmy z fioletowym i jeśli odświeżyć rzeczywistości nie widać nic, a to dlatego, że obecnie nasza granica ma szerokość.

45
00:05:03,150 --> 00:05:05,780
Więc następną rzeczą, którą musisz zrobić, to dać ją.

46
00:05:06,120 --> 00:05:10,020
Więc granicy z nim będzie po prostu dać jej numer w pikselach.

47
00:05:10,230 --> 00:05:20,270
Zróbmy pięć pikseli pięć x odświeżyć i my wciąż brakuje jednej rzeczy, która jest w formie.

48
00:05:21,300 --> 00:05:25,920
Więc widać, że nic z tego nie działa, chyba że wszyscy troje ustawiony.

49
00:05:25,920 --> 00:05:29,060
Więc stylu granicznego istnieje kilka różnych opcji.

50
00:05:29,100 --> 00:05:30,810
Można powiedzieć, ciało stałe.

51
00:05:31,040 --> 00:05:33,160
Rzuciłem granicy przerywaną.

52
00:05:33,390 --> 00:05:34,470
Istnieje kilka innych.

53
00:05:34,470 --> 00:05:41,600
Większość czasu to co widzisz to po prostu solidna granicy tak solidne pięć pikseli fioletowy.

54
00:05:41,820 --> 00:05:46,490
A my się obramowanie wokół wszystkich tych godzin.

55
00:05:47,100 --> 00:05:50,230
Jest miły skróty i podatkowe, które możemy wykorzystać.

56
00:05:50,250 --> 00:05:57,940
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.

57
00:05:58,560 --> 00:06:08,040
A my prawej krawędzi dwukropek dajemy go 5 pikseli stylu solidne i kolor fioletowy.

58
00:06:08,040 --> 00:06:11,760
Więc mogę właściwie skomentować te obecnie, a zobaczysz nic nie zmienia.

59
00:06:11,760 --> 00:06:13,350
To jest identyczne.

60
00:06:13,350 --> 00:06:15,410
Więc zagrajmy luz około trochę.

61
00:06:15,450 --> 00:06:32,690
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.

62
00:06:32,760 --> 00:06:35,050
Więc wiesz, zwykle nie widziałem tego.

63
00:06:35,310 --> 00:06:40,380
Nie widziałem tego od stron internetowych z powrotem w latach 90-tych korzystających z tego cały czas różnych stylach.

64
00:06:40,380 --> 00:06:46,960
Zwykle wszystko co widzisz jest miłym cienkie jeden lub dwa piksele stałe granicznej.

65
00:06:47,530 --> 00:06:48,010
OK.

66
00:06:48,120 --> 00:06:58,040
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.