Learn Free Tutorial HTML
Learn Free Tutorial CSS
Learn Free Tutorial CSS Framework
Learn Free Basic Computer
Learn Free Tutorial Python
Change Orientation
Theme
Run ❯
Get Free courses
<!DOCTYPE html> <html> <head> <style> #example1 { background: url('https://nielitbhu.com/image.jpg'); border: 1px solid black; background-size: auto; padding: 25px; } #example2 { background: url('https://nielitbhu.com/image.jpg'); border: 1px solid black; background-size: 350px 100px; padding: 25px; } #example3 { background-image: url('https://nielitbhu.com/image.jpg'); border: 1px solid black; background-size: 30%; padding: 25px; } </style> </head> <body> <h1>CSS Background-size Property</h1> <h2>background-size: auto (default):</h2> <div id="example1"> <h2>Hello World</h2> </div> <h2>background-size: 300px 100px:</h2> <div id="example2"> <h2>Hello World</h2> </div> <h2> background-size: 30%; </h2> <div id = "example3"> <h2>Hello World</h2> </div> </body> </html> </body> </html>