티스토리 뷰

java,web study/5주차 (7월 29일~8월 4일)

특정 요소에 스타일 입히기 (26페이지 예제)

doublemetal 2013. 7. 31. 18:21 
 <!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style type="text/css">
.line p:first-line {
	color: red;
	font-weight: bold;
}

.letter p:first-letter {
	color: blue;
	font-weight: bold;
	font-size: 3em;
}
</style>
</head>
<body>
	<h2>first-line 가상 요소</h2>
	<div class="line">
		<p>요소의 첫 번째 줄에 있는 콘텐츠만 선택하여 스타일ㅇ르 지정할 때 사용하는 선택자 방식으로,</p>
	</div>

	<h2>first-letter 가상 요소</h2>
	<div class="letter">
		<p>요소의 첫 번째 글자만 선택하여 스타일을 지정할 때 사용하는 선택자 방식</p>
	</div>
</body>
</html>


'java,web study > 5주차 (7월 29일~8월 4일)' 카테고리의 다른 글

스타일 - 테이블만들기 (59페이지 예제)  (0) 2013.07.31
선택자 예제 (33페이지 예제)  (0) 2013.07.31
활성화/비활성화 (23페이지 예제)  (0) 2013.07.31
a 태그 예제 (20페이지 예제)  (0) 2013.07.31
클래스선택자 (16페이지 예제)  (0) 2013.07.31
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/07   »
일 월 화 수 목 금 토
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 31
글 보관함