DIN Acest articol veţi învăţa sperma să modificaţi culoarea fundalului paginiju web, dacă editaţi codul html.

Pasi

Metoda 1 DIN 4:

Cum se pregăteşte pentru editara codului html

un. DeterInaţi Culoarea de fundal PE care doriţi să o utilizaţi. În HTML, Culorile Sunto Stabilit Prin Coduri Care determinira Nuanţe. Utilizaţi Instruarul html de Color Html GRATUIT Online PENTRU A Găsi nevorile Culoriljo dorite:

Mergi la Pagina https: // w3schools.Com / culori / culori_picker.Asp Înttr-Un preglednik web.
SelectorAţi Culoarea de Bază Ple Care doriţi să o utilizaţi în Secţiunea "Odaberite boju".
Alegeţi o umbră Din partiju Driaptă a Paginii.
Înregistraţi codul skrb va fi afişat în partiju Driaptă Umbra Selectoră.

2. Deschideţi un fişier html înttr-UN-editor de tekst. Amintiţi-vă că în atributul html5 Nu Mai Sunt Prihvati. Prin Urmare, Culoarea de fundal şi Alte Setări de Stile de Pagină Sunt Setate Utilizâd CSS.

Documentul HTML Poate Fi Deschis în Notepad ++ SAU notepad (Windows), precum şi în TextedIt sau bbit (Mac).

3. Adăugaţi Antetul HTML LA dokument. Zoite Parametrii Stilului de Pagini, inclusiv culoarea fundalului, trebuie să fie ître etichete :

4. Creaţi Un şir gol între etichete de stil. Peceastă linie, Care Ar Trebui să fie sub etichetă Şi Peste Etichetă , Veţi uvedu Informaţiile Necesesare.

6. Adăugaţi UN element "corp". Uvoditeţi Următorul cod ître etichete :

Corp {}

Tot CE VA fi fi fi încheaat în internirul Elentlului "Corp" DIN CSS VA afekta întreaga Pagină.

Săriţi acest pasa dacă doriţi să creaţi Un gradijent de funderly.

Metoda 2 DIN 4:

Cum se creeazăe un fundal monofoničan

un. Găsiţi antetul html. Ar Trebui să fie în partiju des a dokumenta.

2. Adăugaţi proprietatea "fundal-culoare" în Elementul "Corp". Predstaviti Culoare de fundal: În paranteze srušljiv în internirul Elentlului "Corp". URMătorul Cod Ar Trebui Să se Dogesecă:

Corp {fundal-culooare:}

Reţineţi că în acest cod este necesar să utilizaţi cuvântul "culoare" şi nu "boju".

3. Adăugaţi Culoarea de fundal dorită la proprietatea "funtal-boju". În partiju Driaptă a "Culorii de fundervel:" CEVORESI CODUL NUMERIČKI AL CULORII SELECT, APOI UVOĐAČE POSEMULUL (-). De Exemplu, pentru lica Fundalul Paginilor Roz, Scriber Următorul Cod:

Corp {fundal-culooare: # d24df-}

4. Expitaţi Informaţiile Din Cadlarl Tag "Stil". În acest Stadiu, Antetul Doculului DVS. Html ar Trebui să arate astfel:

 {Fundal-culooare: # d24dff}

Cinci. Utilizaţi "Culoarea de fundal" pentru a seta Culoarea de fundal a otorte Elementhe (Antelei, Paragrafe Şi Altele asemenea). Desemplu, pentru a seta Culoarea de funderly antetului glavnica (

) Sau paragraf (
), Scrieţi Următorul COD:

 {Fundal-Culooare: # 93B874-} H1 {FUNDRAL-CULOARE: # 00B33C-} P {FENTRAL-CULOARE: #FFFFFFFFFSED) -}Titlu
 PE fundal verdeParagraf
 PE fundal alb

Metoda 3 DIN 4:

Cum se creează un funderly de gradijent

un. Găsiţi antetul html. Ar Trebui să fie în partiju des a dokumenta.

2. Amintiiţi-vă principala sintaxă acestui proces. Pentru crea UN gradijent, trebuie să cunoşteţeţeţej două cantităţi: puncyul de Plecare / Ungiuul şi un număr de culori skrbi se vor. Puteţi alege câteva culori astfel încât să Meargă Unel la Celălalt; Puteţi specifista şi direcţia sau ungiuul de tranziţie.

FUNDALNI: Gradient laniar (Direcţie / Unghi, Culooare1, Culooare2, Culooare3 Şi Aşa Mai Polažite)-

3. Creaţi UN gradijent vertikalno. Dacă Nu specificaţi Direcţia, Gradištul va Trece des în Jos. Pentru crea Un astfel de gradijent, uvesti Următorul cod ître etichete :

HTML {Min-înălţime: 100% -} Corp {Funter: -Webit-linearni gradijent (# 93B874, # C9DCB9) - povoljno: -O-linearni gradijent (# 93B874, # C9DCB9) -bacbacter: -moz-linearan -Gradaint (# 93B874, # C9DCB9) - povoljno: linearni gradijent (# 93B874, # C9DCB9) - Culoare: # 93B874-}

În Diferite Browsere, Funcţia de gradijent este Implementată Diferite, Deci Trebuie să adăugaţi Mai Multuuni de Cod Cod.

4. Creaţi UN gradijent smjera. Dacă nu doriţi ca gradijenta să meargă okomito, specificaţi direcţia de tranziţie culoriljo. Pentru aceara, uvodi Următorul cod ître etichete :

HTML {Min-înălţime: 100% -} Corp {Funder: -Webit-linearni gradijent (Stâng, # 93B874, # C9DCB9) - povoljno: -O-linearni gradijent (DREAPTA, # 93B874, # C9DCB9) - povoljno: -Moz-linearni gradijent (Dreapta, # 93B874, # C9DCB9) - pogrijavanje: gradijent linearni (la Dreapta, # 93B874, # C9DCB9) -Background-Culooare: # 93B874-}

Dacă doriţi, opriţi cuvtele "stânga" (stânga) şi "Dreapta" (Dreapta) Pentru Eksperimentu Cu Diserite Direcţii Ale Gradištului.

Cinci. Utilizaţi alte proprietăţi pentru a seta gradijetul. Cu el poţi lice mai više decat pare.

De Exemplu, După Fiecare Culoare puteţi predstaviti unger na Procente. Deci, specificaţi ce c ceste spaţiu segment segment de culoarea. IATă UN EXEMPLU DED CU ASTFEL DEMARATRI:

Fundal: gradijent linearni (# 93B874 10%, # C9DCB9 70%, # 000000 90%)-

Adăugaţi transparenţă la culoare. În acest caz, el va discărea treptat. Pentru a ating efectul de atenuare, utilizaţi aceaşi culoare. Pentru a seta culoaarea, veui avea nevoie de o funcţţie Rgba (). Ultima Valoare VA odreda Transparenţa: 0 - Culoarea Opacă şi un - Culoare transparentă.

Fundal: gradijent linearni (la Dreapta, RGBA (147.184,116,0), RGBA (147.184,116,1))-

6. Vizualizaţi codul. CODUL PENTU CREARAEA UNUI Gradijent de Culoire Ca Fundal de Pagină VA ARATA:

 {min-înălţime: 100% -} corp {fengal: -webit-linearni-gradijent (stâng, # 93b874, # c9dcb9) - povoljno: -O-linearni gradijent (Dreapta, # 93B874, # C9DCB9) - povoljno: - Moz-linearni gradijent (DREAPTA, # 93B874, # C9DCB9) - Podrazumijevanje: Gradijent Linearno (La Dreapta, # 93B874, # C9DCB9) -Background-Culooare: # 93B874-}

Metoda 4 DIN 4:

Cum se creeazăe un funderly închimbare

un. Găsiţi antetul html. Ar Trebui să fie în partiju des a dokumenta.

2. Adăugaţi proprietatea animaţiei la Elentlul "Corp". Upovediteţi Următorul COD DUPă "Corpul {" şi la braţul de închidere:

-WebKit-animaţie: Colorchange 60s Infinit-animaţie: Colorchange 60s Infinit-

Linia de Sus Tekstului Este Proectută pentru Browerele bazate p p crom şi linia inferioară a Textului - Pentru Alte Browsere.

3. Adăugaţi culori la proprietatea "animaţie". Utilizaţi Regula "@KeyFrames" pentru a seta culorile de fundal skrbi se Vor Schimba Ciclić, precum şi Timpul în Care FICARE CULOARE VA FE AFIŞATă PE Pagină. Nu Uitaţi săntroduceţi Un cod diferit pentru diferite. Upovediteţi Următorul cod în konfirstvolat cu braţul de închidere al Elementului Corplal:

@ -WebKit-KeyFrames Colorchange {0% {FUNDRAL: # 33FFFF 3 - 25% {FUNDRAL: # 78281F-} 50% {FUNDRAL: # 117A65-} 75% {FUNDRAL: # DC7633-} 100% {Funter: # 9B59B6 . -}}

Reţineţi Că două (@ -Webkit-Keyframes si @ Crame) AU Aceleaşi Culori fundal şi interes. Acest Lucru se suočava s pentru Schimbarea Corectă A fundalului în Orice preglednik.

Interes (0%, 25% Şi aşa mai polete) oznaka o parte aimpului (60 S). Când Pagina este încărcată, fundalul său va fi culoarea # 33FF3. 15 ° C (25% DIN 60 S), Fundalul va fi Schimbat la culoare # 7821f Itd.

Schimbaţi Timpul şi Culoarea, astfel încât acestea să coresundă rezultului doriti.

4. Vizualizaţi codul. CODUL PENTRU CREARANEA UNUI FUNDRAL îN Schimbare AR Trebui Să arate Astfel:

 {-Webkit-animaţie: colorchange 60s infinite-animaţie: colorchange 60s infinit -} @ - WebKit-KeyFrames Colorchange {0% {Funder: # 33FFFFF3-} 25% {FUNDRAL: # 78281F-} 50% {FUNDRAL: # 117A65- } 75% {fundal: # dc7633-} 100% {fundal: # 9b59b6 -}}}}} kycframes colorchange {0% {fondal: # 33ff3-} 25% {fondal: # 78281f-} 50% {fundal: # 117a65- } 75% {fundal: # dc7633-} 100% {fundal: # 9b59b6-}}}

sfaturi

Dacă Doriţi Să Utilizaţi Culorile Principe DIN CODUL HTML, Puteţi Uvesti numele Culoriljoor (Fără Simbol #) şi Nu codurile lor numerice. De Exemplu, pentru crea un funderly portocaliu, uvoditeţi Culoare Fundal: Portocaliu-.
Ca o Pagină Web, Puteţi Instala Zamisliti.

Avertizări

Verificaţi Modificările Oduzeta Codului Site-Ului înainte de t.

Pasi

) Sau paragraf (), Scrieţi Următorul COD:

Titlu

sfaturi

Avertizări

) Sau paragraf (
), Scrieţi Următorul COD: