border

삼전·2023년 5월 22일
0

CSS

목록 보기
6/14
<!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>

결과

profile
풀스택eDot

0개의 댓글