마카로닉스

652 No

[동영상강의] html09_css_선택자, id와 class, css를 사용하는 방법, font 관련 스타일, text 관련 스타일

2017-09-03 18:46:12 By 머나먼나라 0 1180 댓글수 4 포스트 하기

4월 2024
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

<!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>