Sådan tilføjes en baggrund til et websted: 14 trin (med billeder)

Indholdsfortegnelse:

Sådan tilføjes en baggrund til et websted: 14 trin (med billeder)
Sådan tilføjes en baggrund til et websted: 14 trin (med billeder)

Video: Sådan tilføjes en baggrund til et websted: 14 trin (med billeder)

Video: Sådan tilføjes en baggrund til et websted: 14 trin (med billeder)
Video: How To Change Yahoo Email Username (2023) 2024, Kan
Anonim

Baggrunden er et af de mest afgørende elementer på et websted. En god baggrund skaber tonen til webstedet og supplerer indholdet. Der er mange forskellige måder at tilføje en baggrund på, hver vej med et andet formål. Nogle metoder giver dig mulighed for at anvende baggrunden på alle siderne på et websted, mens andre begrænser baggrunden til kun en bestemt side. Denne artikel lærer dig, hvordan du tilføjer en baggrund til dit websted ved hjælp af HTML eller CSS.

Trin

Metode 1 af 2: HTML -metoder

Ensfarvet baggrund

Tilføj en baggrund til et websted Trin 1
Tilføj en baggrund til et websted Trin 1

Trin 1. En ensfarvet baggrund er den mest grundlæggende type baggrund, som du kan lægge på et websted

Faktisk begynder hvert websted med en standard hvid baggrund. Selvom en hvid baggrund kan se meget slank og ren ud, når den bruges med et harmonisk farveskema, kan en anden farvet baggrund blive begunstiget med forskellige temaer.

Tilføj en baggrund til et websted Trin 2
Tilføj en baggrund til et websted Trin 2

Trin 2. Åbn din webkode (kilde)

Tilføj en baggrund til et websted Trin 3
Tilføj en baggrund til et websted Trin 3

Trin 3. I body -mærket skal du tilføje en attribut kaldet bgcolor

Nu skal dit kropsmærke se sådan ud-

hvor COLORNAME er farvens navn. COLORNAME kan udfyldes med mange typer farverepræsentanter-

  • (farve navn)
  • (hex -værdi)
  • (RGB -værdi)
Tilføj en baggrund til et websted Trin 4
Tilføj en baggrund til et websted Trin 4

Trin 4. At eksperimentere med RGB og # kan føre til mange nuancer, men du kan tage den lette første vej

Men husk, at indtastning af en ualmindelig farve som "Ultramarine Bluish Green" vil resultere i hvid.

Tilføjelse af et baggrundsbillede

Tilføjelse af et baggrundsbillede er lidt mere kompliceret end en ensfarvet baggrund

Tilføj en baggrund til et websted Trin 5
Tilføj en baggrund til et websted Trin 5

Trin 1. Føj baggrundsegenskaben til body-tagget, så det ser sådan ud-

hvor SRC er kilden til billedet SRC kan være i den samme mappe eller en anden mappe/webside.

  • (i samme mappe)
  • (inde i en anden mappe)
  • (på en anden webside)
Tilføj en baggrund til et websted Trin 6
Tilføj en baggrund til et websted Trin 6

Trin 2. Husk at skrive filtypen.gif /-j.webp" />

Metode 2 af 2: CSS -metoder

Tilføj en baggrund til et websted Trin 6
Tilføj en baggrund til et websted Trin 6

Ensfarvet baggrund

Tilføj en baggrund til et websted Trin 7
Tilføj en baggrund til et websted Trin 7

Trin 1. For at tilføje en ensfarvet baggrund i CSS skal du tilføje en stilattribut

Du kan også give id'er og klasser og bruge både eksterne og interne stylesheets.

Tilføj en baggrund til et websted Trin 8
Tilføj en baggrund til et websted Trin 8

Trin 2. Dit kropsmærke skal se sådan ud-

hvor COLORNAME er navnet på farven, hex -værdien eller RGB (Husk også de sidste trin i den ensfarvede baggrund i HTML, de er også gældende her).

Tilføjelse af et billede

Tilføj en baggrund til et websted Trin 9
Tilføj en baggrund til et websted Trin 9

Trin 1. For at tilføje et billede skal du tilføje stilattributten til brødteksten

Du kan også give id'er og klasser og bruge både eksterne og interne stylesheets.

Tilføj en baggrund til et websted Trin 10
Tilføj en baggrund til et websted Trin 10

Trin 2. Dit kropsmærke skal nu se sådan ud-

Tilføj en baggrund til et websted Trin 11
Tilføj en baggrund til et websted Trin 11

Trin 3. Husk, at SRC er kilden

Det kan være fra den samme mappe, anden mappe eller en anden webside.

  • (i samme mappe)
  • (inde i en anden mappe)
  • (på en anden webside).
Tilføj en baggrund til et websted Trin 12
Tilføj en baggrund til et websted Trin 12

Trin 4. Husk også at tilføje.extensionerne

Gentagende mønstret baggrund

Tilføj en baggrund til et websted Trin 13
Tilføj en baggrund til et websted Trin 13

Trin 1. For at lave en gentagen mønsterbaggrund skal du tilføje en baggrund som sagt i ovenstående trin

Dit body-tag skal nu ændres til-

Hvor gentagelsesindstillinger er indstillingerne. Der kan være mange gentagne indstillinger, som-

  • (Baggrunden gentages både lodret og vandret.)
  • (Baggrunden gentages vandret.)
  • (Baggrunden gentages lodret.)

Fast billedbaggrund

Tilføj en baggrund til et websted Trin 14
Tilføj en baggrund til et websted Trin 14

Trin 1. Faste billedbaggrunde ser cool ud og ændres ikke, mens du ruller ned

For at gøre dem skal du bare lave nogle enkle justeringer til koden i ovenstående sektion. Gør tweaks for at få body-mærket til at se sådan ud-

hvor SRC er kilden til baggrundsbilledet, er POSITION billedets position (det kan variere fra midten til øverst til højre); baggrundsbinding er den vigtigste "katalysator" af denne baggrundsart. Den bruges til at fortælle baggrunden, og det anbefales, at den ikke ændres.

Anbefalede: