UI설계 및 구현 -웹프로그래밍
CSS - margin, padding 연습
햄찌개
2020. 9. 17. 10:11
<!DOCTYPE html>
<html>
<head>
<style>
div.test{
background-color: yellow;
width:200px;
padding:10px;
border: 5px solid red;
margin: 20px;
}
</style>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class= "test"> 아아아아아</div>
</body>
</html><!DOCTYPE html>
<html>
<head>
<style>
div.j1{
background-color: yellow;
width:500px;
margin:0px;
padding:0px;
border: 2px solid red;
}
div.j2{
background-color: #AAF0D1;
width:500px;
margin:10px;
padding:20px;
border: 2px solid red;
}
</style>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="j1">가나다라마바사</div>
<div class="j2">가나다라마바사</div>
</body>
</html>