Om uw website op internet te verfraaien, kunt u wijzigingen aanbrengen in het ontwerp. Het wijzigen van het ontwerp impliceert elke actie, van het wijzigen van de achtergrond van de hoofdpagina tot het volledig opnieuw tekenen van de sitesjabloon. Als u besluit de achtergrond van uw site te wijzigen, helpt de volgende instructie u bij het oplossen van dit probleem.
Noodzakelijk
Het css-bestand bewerken
instructies:
Stap 1
De ontwerpcode van de site bevindt zich voor het grootste deel in het bestand style.css. Maar elke sjabloon kan anders zijn dan de vorige, dus de ontwerpcode kan in een ander bestand staan, maar ook met de css-extensie. Om de achtergrondkleur van uw site in te stellen, moet u de bestaande waarde invoeren of vervangen door de volgende uitdrukking: / * witte achtergrond * / body {
achtergrondkleur: #FFFFFF;} / * witte titelachtergrond, zwarte letterkleur * / h1 {
kleur: # 000000;
achtergrondkleur: #FFFFFF;
}
Stap 2
Om een afbeelding als achtergrond op uw site in te voegen, moet u de bestaande waarde invoeren of vervangen door de volgende uitdrukking: body {
achtergrondkleur: # 000000;
achtergrondafbeelding: url ("Afbeelding-1.jpg");
}
Opgemerkt moet worden dat het in dit geval noodzakelijk is om een link naar het afbeeldingsbestand op te geven, dat zich in dezelfde map als het css-bestand zal bevinden.
Stap 3
Als u een kleine afbeelding of een kleine afbeelding wilt betegelen, gebruikt u de opdracht background-repeat. Om deze opdracht correct te gebruiken, zijn er verschillende verfijningen aan deze opdracht:
background-repeat: repeat-x - herhaal de afbeelding langs de x-as;
background-repeat: repeat-y - herhaal de afbeelding langs de y-as;
background-repeat: repeat - herhaal een afbeelding langs twee assen tegelijk;
background-repeat: no-repeat - de afbeelding wordt niet herhaald;
background-attachment: scroll - scrollen van de afbeelding samen met de pagina;
background-attachment: vast - de afbeelding wordt niet gescrolld.
Met behulp van de syntaxis van deze opdracht kunt u in voorbeelden laten zien hoe het werkt:
background-position: 30px 40px - De afbeelding is 30 pixels naar beneden vanaf de bovenkant en 40 pixels van links naar rechts.
achtergrond-positie: 60% 35% - Linker opvulling is 60% en bovenste opvulling is 25%.
