Die agtergrond is een van die belangrikste elemente van 'n webwerf. 'N Goeie agtergrond skep die toon vir die webwerf en vul die inhoud aan. Daar is baie verskillende maniere om 'n agtergrond by te voeg, elk met 'n ander doel. Met sommige metodes kan u die agtergrond op alle bladsye op 'n webwerf toepas, terwyl ander die agtergrond slegs tot 'n sekere bladsy beperk. Hierdie artikel leer u hoe u 'n agtergrond by u webwerf kan voeg met HTML of CSS.
Stappe
Metode 1 van 2: HTML -metodes
Eenkleurige agtergrond
Stap 1. 'n Eenkleurige agtergrond is die mees basiese tipe agtergrond wat u op 'n webwerf kan plaas
Elke webwerf begin eintlik met 'n standaard wit agtergrond. Alhoewel 'n wit agtergrond baie glad en netjies kan lyk as dit met 'n harmonieuse kleurskema gebruik word, kan 'n ander agtergrond met verskillende temas begunstig word.
Stap 2. Maak u webkode (bron) oop
Stap 3. Voeg 'n kenmerk genaamd bgcolor by die body tag
Nou moet u liggaamsmerk so lyk-
waar COLORNAME die naam van die kleur is. KLEURNAAM kan gevul word met baie soorte kleurverteenwoordigers-
- (kleur naam)
- (hekswaarde)
- (RGB -waarde)
Stap 4. Eksperimentering met RGB en # kan tot baie skakerings lei, maar u kan die maklike eerste weg neem
Maar onthou dat as u 'n ongewone kleur as 'Ultramarine Bluish Green' tik, dit wit sal word.
Voeg 'n agtergrondprent by
Om 'n agtergrondprent by te voeg, is effens ingewikkelder as 'n effekleurige agtergrond
Stap 1. Voeg die agtergrond eienskap by die body tag, sodat dit so lyk:
waar SRC die bron van die beeld is, kan SRC in dieselfde gids of 'n ander gids/webbladsy wees.
- (in dieselfde gids)
- (in 'n ander gids)
- (op 'n ander webblad)
Stap 2. Onthou om die.gif /-j.webp" />
Metode 2 van 2: CSS -metodes
Eenkleurige agtergrond
Stap 1. Om 'n effekleurige agtergrond in CSS by te voeg, voeg 'n stylkenmerk by
U kan ook ID's en klasse gee en eksterne sowel as interne stylblaaie gebruik.
Stap 2. Jou liggaamsmerk moet so lyk:
waar die KLEURNAAM die naam van die kleur, hekswaarde of RGB is (onthou ook die laaste stappe van die effekleurige agtergrond in HTML, dit is ook hier van toepassing).
Voeg 'n prentjie by
Stap 1. Om 'n prentjie by te voeg, voeg die stylkenmerk by die body tag
U kan ook ID's en klasse gee en eksterne sowel as interne stylblaaie gebruik.
Stap 2. Jou liggaamsmerk moet nou so lyk-
Stap 3. Onthou dat SR die bron is
Dit kan uit dieselfde gids, verskillende vouers of 'n ander webbladsy wees.
- (in dieselfde gids)
- (in 'n ander gids)
- (op 'n ander webblad).
Stap 4. Onthou om ook die.extensions by te voeg
Herhaal patroon agtergrond
Stap 1. Om 'n herhaalde patroon agtergrond te maak, voeg 'n agtergrond by soos in die bogenoemde stappe gesê
U liggaamsmerk moet nou verander word na-
Waar herhalingsinstellings die instellings is. Daar kan baie herhalingsinstellings wees, soos-
- (Die agtergrond word vertikaal en horisontaal herhaal.)
- (Die agtergrond word horisontaal herhaal.)
- (Die agtergrond word vertikaal herhaal.)
Vaste prentagtergrond
Stap 1. Vaste prentagtergronde lyk cool en verander nie terwyl u afrol nie
Om dit te doen, hoef u net die kode in die afdeling hierbo eenvoudig aan te pas. Doen die tweaks om die body tag so te laat lyk-