Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> #example1 { border: 2px solid black; padding: 25px; background: url(mountain.jpg); background-repeat: no-repeat; background-size: 100% 100%; } #example2 { border: 2px solid black; padding: 25px; background: url(mountain.jpg); background-repeat: no-repeat; background-size: 75% 50%; } </style> </head> <body> <h2>background-size: 100% 100%:</h2> <div id="example1"> <h2>Hello World</h2> <p>背景图像的大小以父元素的百分比设置； 100% 宽度和 100% 高度。</p> </div> <h2>background-size: 75% 50%:</h2> <div id="example2"> <h2>Hello World</h2> <p>背景图像的大小以父元素的百分比设置； 75% 宽度和 50% 高度。</p> </div> </body> </html>