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.
Dus we gaan beginnen met de achtergrond zoals je kunt zien heb ik een klein voorbeeld hier.
Dus hier is haar eindresultaat.
Merk op dat we een grijze achtergrond op het lichaam.
Komende vanuit hier en dan hebben we een blauwe achtergrond op de div die afkomstig is van hier.
En dan hebben we ook witte tekst op de paragraaf.
Dus laten we ga je gang en probeer deze met behulp van de pagina Over mij dat we hebben gewerkt met.
En laten we gaan en vooruit te veranderen het mijn hobby h en geef het een achtergrondkleur.
Laten we het een oranje kleur.
Dus nogmaals willen we deze leeftijd van vier te selecteren zodat typt we de leeftijd van vier.
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.
Zo zullen ze heel wat rode een beetje groen en de kleine blauwe en laten opfrissen en we krijgen dit mooie koraal kleur.
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.
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.
Zodat de achtergrondeigenschap wordt gebruikt om de kleur iets veranderen.
Maar we kunnen ook de eigenschap achtergrond gebruiken om de achtergrond te veranderen om een ​​beeld dat ook aantonen zie vrij vaak.
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.
Dus laten we gaan vinden sommige houtnerf laten we eens een afbeelding zoals deze hier.
Dus laten we gewoon kopiëren dit beeld.
Je gooit in gaan we stellen dat als de achtergrond.
Dus op ons lichaam Ik ga gewoon zeggen dat de achtergrond u Earl en dat je Ellett ik gewoon gekopieerd.
Dus dit zal werken met elke afbeelding.
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.
Als we terug te gaan is het niet in de buurt van zijn groot genoeg om ons hele lichaam hier te dekken.
Dus wat er is gebeurd, is dat het wordt aangescherpt.
U kunt zien dat je weet dat het wordt betegeld horizontaal en verticaal met de titel.
Dus als we niet willen dat en soms heb je maar het grootste deel van de tijd die het niet erg goed uit.
Dus als we niet willen dat er een andere eigenschap die we kunnen instellen en dat is de achtergrond te herhalen.
En als we stellen dat dit geen herhaling te zijn en op te slaan.
Nu hebben we de achtergrond van haar lichaam te stellen en het is niet voor herhaling vatbaar.
Maar je zult ook merken dat het niet uit te rekken tot het hele lichaam bedekken.
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.
Dus zoals je kunt zien neemt nu het hele lichaam.
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.
Het is u niet symmetrisch op beide assen, dus als we herhalen het is heel duidelijk dat er verdeeldheid en tegelwerk gebeurt.
OK.
Dus dat is de achtergrond en het gebruik van achtergrondkleur en de achtergrond van een achtergrondafbeelding instellen.
Het volgende wat ik wil laten zien is hoe krijgen we een grens.
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.
Zodat een rand en C S heeft drie verschillende delen.
Er de met de kleur en de stijl.
Dus laten we beginnen met het geven van een grens kleur aan elk een.
Het ziet er net als dit grens kleur en die grens.
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.
Dus het volgende wat we moeten doen is het weg.
Dus grens met het gewoon geef het een getal in pixels.
Laten we vijf pixels vijf x verversen en we zijn nog steeds ontbreekt een ding dat is stijl.
Dus je zult zien dat niets van dit alles werkt, tenzij we alle drie van hen heeft ingesteld.
Dus de grens stijl is er een paar verschillende opties.
We kunnen zeggen solide.
Ik stormde een gestippelde grens.
Er is een paar anderen.
De meeste van de tijd wat je ziet is gewoon solide zo solide grens vijf pixels paars.
En we krijgen een rand om alle H degenen.
Er is een mooie korte bezuinigingen en belastingen die we kunnen gebruiken.
Omdat we vaak stellen deze drie tegelijk is gelijk syntax die zojuist genoemd grens.
En we rechterrand colon geven we het met 5 pixels van de stijl solide en de kleur paars.
Dus ik kan eigenlijk commentaar deze uit en je verandert er niets te zien.
Het is identiek.
Dus laten we spelen het spel een beetje rond.
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.
Dus je meestal weet ik nog niet gezien.
Ik heb dit niet meer gezien sinds websites terug in de jaren '90 het gebruik van deze hele tijd verschillende stijlen.
Meestal alles wat je ziet is een mooie dunne één of twee pixel vaste grens.
OK.
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.