blob: 87fbd8f89fd47d9fb70ee7f4e321c080a02a5856 [file] [log] [blame]
<!DOCTYPE html>
<html>
<style type="text/css">
div {
width: 500px;
height: 500px;
}
</style>
<body>
<div style="background: url('resources/flower.jpg') center no-repeat; background-size: cover"></div>
<div style="background: url('resources/flower.jpg') center no-repeat; background-size: contain"></div>
<div style="background: url('resources/flower.jpg') center no-repeat; background-size: 50% 50%"></div>
<div style="background: url('resources/flower.jpg') center repeat; background-size: 100px 100px"></div>
<div style="background: url('resources/flower.jpg') center repeat; background-size: auto auto"></div>
</body>
</html>