how can i stop repeation on image attached to body tag of an html page

Recommended Answers

All 5 Replies

Try...

 background-repeat: no-repeat

@JorgeM, don't forget the semicolon ;)

So, background-repeat: no-repeat;

commented: Touché +12

A semicolon is only necessary if there will be another declaration after the other. If there is only one declaration, or if it's the last declaration in a CSS block, then you can leave the semicolon out if you want.

background-repeat property along with the background-position or use background property to set all your background properties at once

<div style="background:url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRZ3dJoncKBjlUu7PTPcEgZdCwi7rtlcZmAVFIAlUDLgMMIOwi3) center center no-repeat;width:600px;height:400px;color:black;font-size:18px;border:1px solid #ccc;padding:5px;">This text appears in front of a repeating background image.
</div>

This text appears in front of a repeating background image.

no it doesnt

center center no-repeat;

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.