티스토리 뷰
<!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 |
댓글