CSS3 Multiple Backgrounds
Edit This Code :
See Result »
<!DOCTYPE html> <html> <head> <style> #example1 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3M1btem_VaeuRT4XLHpiH8eiFXk_V_VbyzWCH9u_vBbEHPcyBgit-zWot2-0eRU26dSG22gxiEQPtfOJ4NyHiSb1bv6di0S23rERdKvSBTzZwNpLcfvpUUo7iOGpSEDRBrvrLFj8OGhWT/s320/DWF.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm0rI8sbKFvVm-NpKtWmB2R4q-TRB4wjUJ8cw6Wbr15IscifELSDxEdsFyo3OGn0M4ydIb5ii6XSACcwFBINhlSj_eNpnAuVtWS9ibPlMzKI3BgQJMDtRYbLCEOmr4uyn9m2SwfK7J_AAZ/s320/palm_tree.png); background-position: right bottom, left top; background-repeat: no-repeat, repeat; padding: 15px; } </style> </head> <body> <div id="example1"> <h1>Lorem Ipsum Dolor</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> </body> </html>
Result :
Newer Post
Older Post
Home