CSS Background Image Repeat
CSS background-repeat
By default, the background-image
property repeats an image both horizontally and vertically.
Some images should be repeated only horizontally or vertically, or they will look strange, like this:
Example
body {
background-image: url("gradient_bg.png");
}
If the image above is repeated only horizontally (background-repeat: repeat-x;
), the background will look better:
Example
body {
background-image: url("gradient_bg.png");
background-repeat: repeat-x;
}
Tip: To repeat an image vertically, set background-repeat: repeat-y;
CSS background-repeat: no-repeat
Showing the background image only once is also specified by the background-repeat
property:
Example
Show the background image only once:
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
}
In the example above, the background image is placed in the same place as the text. We want to change the position of the image, so that it does not disturb the text too much.
CSS background-position
The background-position
property is used to specify the position of the background image.
Example
Position the background image in the top-right corner:
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}
33 Responses
order levofloxacin without prescription levaquin 500mg for sale
purchase dutasteride sale cheap avodart zofran 4mg uk
buy spironolactone generic propecia online order oral diflucan
ampicillin 250mg canada order erythromycin 250mg generic generic erythromycin 250mg
generic sildenafil estradiol 2mg ca buy estradiol 2mg
order tadalafil 20mg without prescription buy avanafil 100mg pills voltaren 100mg usa
buy accutane sale order zithromax 500mg generic azithromycin generic
order indocin 75mg pills purchase indomethacin sale trimox 500mg us
cialis 5mg tablet natural herbs for ed viagra pills
anastrozole for sale arimidex 1 mg over the counter sildenafil 25mg
generique cialis 40mg cialis 40mg gГ©nГ©rique sildenafil 50mg en ligne
deltasone tablet generic cialis no prescription sildenafil us
cialis 10mg kaufen für männer cialis 10mg für frauen sildenafil 200mg generika
buy isotretinoin 40mg for sale amoxicillin price stromectol how much it cost
ramipril 10mg usa order avapro 300mg pills azelastine 10ml tablet
order clonidine generic clonidine 0.1mg uk order tiotropium bromide 9 mcg without prescription
buspar 10mg oral phenytoin 100 mg cost oxybutynin 5mg sale
buy terazosin 5mg generic sulfasalazine medication azulfidine pills
fosamax 70mg oral buy fosamax 70mg generic buy pepcid
olmesartan over the counter buy generic olmesartan 20mg order acetazolamide 250mg generic
order imdur 40mg generic imdur pills order telmisartan 80mg without prescription
oral zyban 150 mg zyrtec 5mg over the counter seroquel ca
buy molnupiravir pills order prevacid 30mg pill lansoprazole uk
proventil sale protonix 20mg tablet buy viagra online cheap
order generic tadalafil 5mg can i get viagra in chennai viagra for sale
naltrexone without prescription naltrexone uk buy abilify generic
brand modafinil online pharmacy usa ivermectin human
order generic fluvoxamine 50mg duloxetine 40mg ca buy glucotrol 5mg online
piracetam generic buy nootropil 800 mg online cheap viagra pills 25mg
azithromycin oral zithromax 500mg drug order neurontin 100mg pill
generic for cialis tadalafil 20mg brand sildenafil for men
over the counter cialis generic betamethasone 20gm order anafranil 50mg generic
DonaldKat
https://xn—24-7-3vebi7a0c8ajhwdyl9mh.xn--p1ai/
https://xn--24-7–3vefjh5cxa7amcku4ap.xn--p1ai
https://xn—24-7-3vebnd9cxa7amcgy4al.xn--p1ai
https://xn—24-7-3vebahb3baz2czbsdzdf9b3a4x.xn--p1ai/
https://xn—24-7-4vevhge6enkbeai0a1a5dye2c.xn--p1ai
https://xn—-24-7-3nfzigf2folbfai2a2a8d2e3c.xn--p1ai
https://xn—-24-7-2nfbpd5dza0bncg0a6al.xn--p1ai