652
No
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
/* class 가 type1 인 모든 태그 선택 */
.type1{
text-align:center; /* 가운데 정렬 */
/* 테두리 사이즈 2px , 실선, 색상 : red */
border:2px solid red;
/* border:2px dashed red;/* 점선 */
border:2px dashed red;/* 하이픈 */
}
h1 {
background-color:#6495ed;
}
p.test{
width:300px;
border: 2px solid red;
word-wrap: break-word;
}
</style>
</head>
<body>
<!-- css_class.html -->
<!-- class는 여러번 사용할 수 있음 -->
<h1 class="type1">헤딩 태그</h1>
<p class="type1">문단1</p>
<h1>색상표</h1>
<p class="a">색상1</p>
<p class="b">색상2</p>
<p class="c">색상3</p>
<p class="d">색상4</p>
<p class="e">색상5</p>
<p class="test">
testtesttesttesttesttesttesttesttesttesttesttest
testtesttesttesttesttesttesttesttesttesttesttest
testtesttesttesttesttesttest
</p>
</body>
</html>
댓글 ( 4)
댓글 남기기