Pas die agtergrondkleur in html aan

2. voeg die by merk jou dokument. Alle styldata vir jou bladsy (insluitend die agtergrondkleur) moet binne hierdie merkers geënkodeer word. Het jy die tags reeds aangedui, dan kan jy net na daardie deel van die lêer blaai.

3. Tik dit "liggaam"-element binne die etikette. Alles wat jy daaraan verander "liggaam"-element in CSS, sal die hele bladsy beïnvloed.

4. voeg die by "agtergrondkleur"-toeskryf aan die "liggaam"-element. In hierdie konteks, slegs een spelling van "kleur" werk (dus nie: kleur).

5. Plaas die verlangde agtergrondkleur agter "agtergrondkleur". Jy kan nou die naam van `n kleur aandui (groen, blou, rooi, ens.), gebruik heksadesimale (heks) kodes (bv. #000000 vir swart, #ff0000 vir rooi, ens.) of deur die RGB-waarde vir die kleur in te tik (soos rgb(255,255,0) vir geel). Hieronder is `n voorbeeld met heksadesimale kodes, wat die agtergrond dieselfde maak as die banier:

6. Gebruik "agtergrondkleur" vir die toepassing van agtergrondkleure op ander elemente. Net soos jy die liggaamselement instel, kan jy agtergrondkleur gebruik om die agtergronde van ander elemente te stel. Plaas net daardie elemente binne die met die eiendom agtergrond-kleur.

1. Maak die HTML-lêer in `n teksredigeerder oop. Baie mense verkies om `n prent as agtergrond vir hul webwerf te gebruik. Dit laat jou toe om `n patroon, tekstuur, foto of enige ander beeld as agtergrond te stel. Vanaf HTML5 moet alle agtergronde gestel word met CSS (Cascading Style Sheets) binne die etikette.

2. voeg die by merk jou HTML-lêer. Alle stylinligting vir jou bladsy (insluitend die agtergrondkleur) moet binne hierdie merkers gespesifiseer word. Het jy al merkers gestel, blaai dan na daardie deel van die lêer.

3. Tik dit "liggaam"-element binne die etikette. Alles wat jy daaraan verander "liggaam"-element in CSS sal die hele bladsy beïnvloed.

4. Voeg die eiendom by "agtergrondprent" gereed daarvoor "liggaam"-element. Wanneer u hierdie eiendom byvoeg, benodig u die lêernaam van u prent. Maak seker dat die prent in dieselfde vouer as die html-lêer gestoor word (of voeg die volledige pad na die lêer by jou webbediener).

5. Laag verskeie beelde. Jy kan verskeie beelde op mekaar stapel. Dit kan nuttig wees as jy beelde het met deursigtige agtergronde wat mekaar aanvul wanneer dit op mekaar geplaas word.

1. Gebruik CSS om `n gradiënt-agtergrond te skep. As jy op soek is na iets wat `n bietjie meer gestileer is as `n soliede kleur, maar nie so besig soos `n kleur animasie, probeer `n kleurgradiënt as agtergrond. Gradiënte is kleure wat oorgaan na ander skoonheid. Jy kan CSS gebruik om jou gradiënt te skep en aan te pas. Voordat jy begin om `n gradiënt te maak, moet jy voldoende kennis opdoen van die basiese beginsels van die formatering van `n webblad met CSS.

2. Verstaan ​​die standaard sintaksis. Wanneer jy `n gradiënt skep, is daar twee stukke inligting wat jy nodig het: die beginpunt en die beginhoek, en die kleure waartussen die oorgang sal plaasvind. Jy kan veelvuldige kleure kies wat almal saamsmelt, en jy kan `n rigting of `n hoek vir die kleurgradiënt spesifiseer.

agtergrond: lineêre gradiënt (rigting/hoek, kleur1, kleur2, kleur3, ens.);

3. Skep `n vertikale gradiënt. As jy nie `n rigting aandui nie, sal die kleur van bo na onder gaan. Verskillende blaaiers het verskillende weergawes van die gradiëntfunksie, so jy sal verskillende weergawes van die kode moet byvoeg.

4. Skep `n gradiënt met rigting. Om `n rigting by die gradiënt te voeg, gee jou die vermoë om die manier waarop die kleur verskuif, aan te pas. Let daarop dat verskillende blaaiers die aanwysings verskillend sal interpreteer. Hulle sal almal dieselfde gradiënt wys.

5. Gebruik ander eienskappe om die gradiënt aan te pas. Jy kan baie meer doen met gradiënte.

agtergrond: lineêre-gradiënt(#93B874 10%, #C9DCB9 70%, #000000 90%);

agtergrond: lineêre-gradiënt(na regs, rgba(147,184,116,0), rgba(147,184,116,1));

1. Navigeer na in jou HTML-kode. As jy nie van `n soliede kleur agtergrond hou nie, eksperimenteer met verskillende kleur agtergronde. Vanaf HTML 5 moet agtergrondkleure gedefinieer word met CSS (Cascading Style Sheets). As jy nog nooit `n agtergrondkleur met CSS gestel het nie, lees die afdeling oor hoe om `n soliede agtergrondkleur te stel voordat u hierdie metode probeer.

2. Voeg die eiendom byanimasie gereed daarvoor "liggaam"-element. Jy sal 2 verskillende eienskappe moet byvoeg, want elke blaaier vereis verskillende kode.

3. Voeg kleure by jou animasie. Nou gaan jy die @keyframes-reël gebruik om die agtergrondkleure te stel om deur te blaai, asook hoe lank elke kleur op die bladsy verskyn. Weereens, jy sal verskeie enkoderings vir die verskillende blaaiers moet byvoeg.