<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>배경 꾸미기</title>
<style>
div {
background-color : skyblue;
background-size : 100px 100px;
background-image : url("../images/spongebob.png");
background-repeat : no-repeat;
background-position : center center;
}
div {
width : 200px;
height : 200px;
color : blueviolet;
font-size : 16px;
}
#test{
background-color : #55bb99;
background-size : 250px 250px;
background-image : url("../images/spongebob.png");
background-repeat : repeat;
background-position : center center;
width : 400px;
height : 400px;
color : #cccc66;
font-size : 25px;
}
</style>
</head>
<body>
<h3> div 박스에 배경 꾸미기</h3>
<hr>
<div> Spoongebob is an over-optimistic
sponge that annoys other characters.</div>
<div id="test"> Spoongebob is an over-optimistic
sponge that annoys other characters.</div>
</body>
</html>