4. class를 이용하는 방법
.NET프로그래밍/CSS 2.0 2009. 7. 27. 22:03 |<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>네 번째 방법 - 클래스를 이용하는 방법</title>
<style type="text/css">
.yellowButton { background-color:yellow; }
</style>
</head>
<body>
<input type="button" value="클릭1" />
<input type="button" value="클릭2" class="yellowButton" />
<input type="button" value="클릭3" />
<textarea cols="40" rows="3" class="yellowButton"></textarea>
</body>
</html>
<!--
형식 : <head>
<style type="text/css">.class이름 { class속성 }</style> ==> <style>태그 안에 class(이름)와 class속성 정의
</head>
<body>
<태그명 class=".(점)으로 선언된 class이름"> ~ </태그명> ==> 태그 안에 class 선언
</body>
※ class를 이용해서 원하는 부분에만 세부적으로 스타일 적용이 가능하다.
-->
< 실행결과 >
'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글
| 6. 스타일시트에서의 우선순위 (0) | 2009.07.27 |
|---|---|
| 5. id를 이용하는 방법 (0) | 2009.07.27 |
| 3. 태그에 직접 적용 (0) | 2009.07.27 |
| 2. <link>태그와 외부에 스타일시트파일 선언 (0) | 2009.07.27 |
| 1. 스타일시트 시작 (0) | 2009.07.27 |