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
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.
Trin 2. Åbn din webkode (kilde)
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)
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
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)
Trin 2. Husk at skrive filtypen.gif /-j.webp" />
Metode 2 af 2: CSS -metoder
Ensfarvet baggrund
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.
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
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.
Trin 2. Dit kropsmærke skal nu se sådan ud-
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).
Trin 4. Husk også at tilføje.extensionerne
Gentagende mønstret baggrund
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
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-