1
00:00:00,350 --> 00:00:10,120
In deze les gaan we dekken twee nieuwe woningen achtergrond, die we gebruiken om de achtergrond afbeelding van een element en de rand van de achtergrondkleur of te veranderen.

2
00:00:10,260 --> 00:00:14,670
Dus we gaan beginnen met de achtergrond zoals je kunt zien heb ik een klein voorbeeld hier.

3
00:00:14,670 --> 00:00:16,260
Dus hier is haar eindresultaat.

4
00:00:16,440 --> 00:00:19,890
Merk op dat we een grijze achtergrond op het lichaam.

5
00:00:20,010 --> 00:00:25,840
Komende vanuit hier en dan hebben we een blauwe achtergrond op de div die afkomstig is van hier.

6
00:00:26,040 --> 00:00:29,490
En dan hebben we ook witte tekst op de paragraaf.

7
00:00:29,580 --> 00:00:35,040
Dus laten we ga je gang en probeer deze met behulp van de pagina Over mij dat we hebben gewerkt met.

8
00:00:35,220 --> 00:00:40,140
En laten we gaan en vooruit te veranderen het mijn hobby h en geef het een achtergrondkleur.

9
00:00:40,560 --> 00:00:42,460
Laten we het een oranje kleur.

10
00:00:42,900 --> 00:00:47,840
Dus nogmaals willen we deze leeftijd van vier te selecteren zodat typt we de leeftijd van vier.

11
00:00:48,540 --> 00:00:57,230
En vervolgens binnen de accolades je gaat naar de achtergrond te zeggen en we zullen een R G B doen en wij zorgen als een oranjerode kleur.

12
00:00:57,260 --> 00:01:06,670
Zo zullen ze heel wat rode een beetje groen en de kleine blauwe en laten opfrissen en we krijgen dit mooie koraal kleur.

13
00:01:06,780 --> 00:01:15,490
Dus de volgende laten we de achtergrond laten we geven het lichaam een ​​achtergrond dat is iets wat zie je vaak op een website waar de hele achtergrond is een nieuwe kleur.

14
00:01:15,780 --> 00:01:31,290
Dus laten we doen wat zoiets als achtergrond en laten we zeggen gewoon dat te roze voor nu en dan gaan we de hele achtergrond is roze.

15
00:01:31,290 --> 00:01:36,870
Zodat de achtergrondeigenschap wordt gebruikt om de kleur iets veranderen.

16
00:01:37,680 --> 00:01:44,820
Maar we kunnen ook de eigenschap achtergrond gebruiken om de achtergrond te veranderen om een ​​beeld dat ook aantonen zie vrij vaak.

17
00:01:45,150 --> 00:01:55,760
Dus de manier waarop het werkt we nog steeds achtergrond opgeven, maar in plaats van een kleur zeggen dat wij u Arel en vervolgens tussen haakjes geven we het een u r l waar het beeld zich bevindt.

18
00:01:56,190 --> 00:02:04,920
Dus laten we gaan vinden sommige houtnerf laten we eens een afbeelding zoals deze hier.

19
00:02:05,350 --> 00:02:06,980
Dus laten we gewoon kopiëren dit beeld.

20
00:02:07,200 --> 00:02:11,560
Je gooit in gaan we stellen dat als de achtergrond.

21
00:02:12,390 --> 00:02:21,900
Dus op ons lichaam Ik ga gewoon zeggen dat de achtergrond u Earl en dat je Ellett ik gewoon gekopieerd.

22
00:02:21,900 --> 00:02:23,770
Dus dit zal werken met elke afbeelding.

23
00:02:24,050 --> 00:02:35,220
En als we frissen grote zien we dat onze achtergrond is ingesteld, maar u zult een klein ding en dat is dat ons imago is niet echt groot genoeg merken.

24
00:02:35,220 --> 00:02:41,760
Als we terug te gaan is het niet in de buurt van zijn groot genoeg om ons hele lichaam hier te dekken.

25
00:02:41,850 --> 00:02:44,100
Dus wat er is gebeurd, is dat het wordt aangescherpt.

26
00:02:44,280 --> 00:02:48,900
U kunt zien dat je weet dat het wordt betegeld horizontaal en verticaal met de titel.

27
00:02:49,320 --> 00:02:53,870
Dus als we niet willen dat en soms heb je maar het grootste deel van de tijd die het niet erg goed uit.

28
00:02:54,180 --> 00:03:03,220
Dus als we niet willen dat er een andere eigenschap die we kunnen instellen en dat is de achtergrond te herhalen.

29
00:03:04,380 --> 00:03:11,530
En als we stellen dat dit geen herhaling te zijn en op te slaan.

30
00:03:12,300 --> 00:03:15,720
Nu hebben we de achtergrond van haar lichaam te stellen en het is niet voor herhaling vatbaar.

31
00:03:16,260 --> 00:03:21,190
Maar je zult ook merken dat het niet uit te rekken tot het hele lichaam bedekken.

32
00:03:21,240 --> 00:03:38,230
Dus als we wilden krijgen om te uit te strekken over het hele scherm of over het hele lichaam er is een andere eigenschap die we kunnen stellen dat de achtergrond grootte en we kunnen stellen dat te dekken.

33
00:03:39,240 --> 00:03:42,890
Dus zoals je kunt zien neemt nu het hele lichaam.

34
00:03:43,430 --> 00:04:01,680
Natuurlijk is het niet het beste resultaat van dit, want het is een beetje wazig is het een beetje dronken, maar wanneer je een achtergrondafbeelding doet meestal willen ervoor zorgen dat je iets dat zowel grote en hoge resolutie of iets dat een kleiner beeld heeft hebben dat kan naadloos worden herhaald in tegenstelling tot deze.

35
00:04:01,740 --> 00:04:08,870
Het is u niet symmetrisch op beide assen, dus als we herhalen het is heel duidelijk dat er verdeeldheid en tegelwerk gebeurt.

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

37
00:04:09,600 --> 00:04:16,210
Dus dat is de achtergrond en het gebruik van achtergrondkleur en de achtergrond van een achtergrondafbeelding instellen.

38
00:04:16,350 --> 00:04:19,460
Het volgende wat ik wil laten zien is hoe krijgen we een grens.

39
00:04:19,770 --> 00:04:33,960
Dus ik ben eigenlijk gaan op dit te komen, want het is een beetje storend en laten we gewoon terug naar achtergrond als roze gaan en laten we gaan en randen toevoegen aan alle h degenen.

40
00:04:34,470 --> 00:04:38,560
Zodat een rand en C S heeft drie verschillende delen.

41
00:04:38,700 --> 00:04:43,630
Er de met de kleur en de stijl.

42
00:04:45,090 --> 00:04:49,310
Dus laten we beginnen met het geven van een grens kleur aan elk een.

43
00:04:49,320 --> 00:04:54,660
Het ziet er net als dit grens kleur en die grens.

44
00:04:54,780 --> 00:05:03,110
Laten we gewoon gaan met paarse en als we frissen we niet echt iets zien en dat is omdat dit moment onze grens heeft geen breedte.

45
00:05:03,150 --> 00:05:05,780
Dus het volgende wat we moeten doen is het weg.

46
00:05:06,120 --> 00:05:10,020
Dus grens met het gewoon geef het een getal in pixels.

47
00:05:10,230 --> 00:05:20,270
Laten we vijf pixels vijf x verversen en we zijn nog steeds ontbreekt een ding dat is stijl.

48
00:05:21,300 --> 00:05:25,920
Dus je zult zien dat niets van dit alles werkt, tenzij we alle drie van hen heeft ingesteld.

49
00:05:25,920 --> 00:05:29,060
Dus de grens stijl is er een paar verschillende opties.

50
00:05:29,100 --> 00:05:30,810
We kunnen zeggen solide.

51
00:05:31,040 --> 00:05:33,160
Ik stormde een gestippelde grens.

52
00:05:33,390 --> 00:05:34,470
Er is een paar anderen.

53
00:05:34,470 --> 00:05:41,600
De meeste van de tijd wat je ziet is gewoon solide zo solide grens vijf pixels paars.

54
00:05:41,820 --> 00:05:46,490
En we krijgen een rand om alle H degenen.

55
00:05:47,100 --> 00:05:50,230
Er is een mooie korte bezuinigingen en belastingen die we kunnen gebruiken.

56
00:05:50,250 --> 00:05:57,940
Omdat we vaak stellen deze drie tegelijk is gelijk syntax die zojuist genoemd grens.

57
00:05:58,560 --> 00:06:08,040
En we rechterrand colon geven we het met 5 pixels van de stijl solide en de kleur paars.

58
00:06:08,040 --> 00:06:11,760
Dus ik kan eigenlijk commentaar deze uit en je verandert er niets te zien.

59
00:06:11,760 --> 00:06:13,350
Het is identiek.

60
00:06:13,350 --> 00:06:15,410
Dus laten we spelen het spel een beetje rond.

61
00:06:15,450 --> 00:06:32,690
Laten we gaan met een 8 pixel Dasht Forder dat laten we gewoon onze R.G. B van hier beneden en we hebben dit mooie gestreepte rand effect.

62
00:06:32,760 --> 00:06:35,050
Dus je meestal weet ik nog niet gezien.

63
00:06:35,310 --> 00:06:40,380
Ik heb dit niet meer gezien sinds websites terug in de jaren '90 het gebruik van deze hele tijd verschillende stijlen.

64
00:06:40,380 --> 00:06:46,960
Meestal alles wat je ziet is een mooie dunne één of twee pixel vaste grens.

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

66
00:06:48,120 --> 00:06:58,040
Dus gewoon samen te vatten aan de grens kunnen we eigenschappen individueel instellen of kunnen we op korte bezuinigingen en belastingen te gebruiken en stel het met de stijl en de kleur.