Video: CSS Efecto - 10 sombra radial @JoseCodFacilito 2024
Der er situationer, hvor du kun vil have en enkelt kopi af et baggrundsbillede på dit CSS3-websted. Det kan være, at billedet du har brugt er noget, der ikke gentager sig godt eller er stort nok til, at du virkelig ikke vil have det gentaget. Følgende procedure viser en teknik, du kan bruge til at fortælle browseren at bruge kun en kopi af et baggrundsbillede.
-
Åbn BackgroundPosition. CSS-fil.
-
Ændre kroppsstil, så billedet ikke gentages, som vist her.
krop {baggrundsbillede: url ("CuteCat. Jpg"); baggrundsfarve: SaddleBrown; farve: SeaGreen; skrifttypestørrelse: x-stor; tekstskygge: 1px 1px gul; baggrundsstilling: center; baggrundsbestemmelse: fast; background-repeat: no-repeat; Baggrundsstørrelse: 80%;}
Baggrundsreagensegenskaben er indstillet til at ikke gentage, så browseren ved at vise kun en kopi. Fordi der kun er en kopi, og billedet muligvis ikke er den rigtige størrelse for at give en god præsentation, når brugeren ændrer browseren, skal du også angive egenskaben bag størrelse for at ændre størrelsen på billedet automatisk.
-
Gem CSS-filen som NoRepeat. CSS.
-
Åbn BackgroundPosition. HTML-fil.
-
Rediger tagget, så det ser ud som dette:
-
Gem HTML-filen som NoRepeat. HTML.
-
Indsæt siden NoRepeat.
Du ser baggrunden. Der er kun ét billede i midten nu - og når du ændrer størrelsen på browseren, ændres billedet automatisk også.