<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>border</title>
<style>
/*
border-color: 선색
border-style: 선모양(solid: 실선, dotted:점선, dashed, double(이중선))
border-width: 선두께
*/
div{
/* border은 아래를 그룹화함
border-left-style, border-top-style,
border-right-style, border-left-style
border-style: solid dotted double dashed;
*/
/*
border-style: solid;
border-width:1px;
border-color: red;
*/
border: solid 2px green;
}
</style>
</head>
<body>
<div>
border 테스트
</div>
<h1>목록</h1>
<ul>
<li>선모양</li>
<li>선두께</li>
<li>선색상</li>
</ul>
</body>
</html>