[CSS 기초강좌 ] 아이디 선택자(ID Selector)
아이디 선택자
아이디 선택자(ID Selector)는 특정 값을 id 속성(attribute)의 값으로 갖는 요소(element)를 선택합니다.
속성값 앞에 #을 붙여 아이디임을 나타냅니다.
예를 들어
#abc {
color: red;
}
는 id 속성값으로 abc를 갖는 요소를 빨간색으로 만듭니다.
예제
id 값으로 abc를 갖는 요소를 빨간색으로 만드는 예제입니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>CSS</title>
<style>
#abc {
color: red;
}
</style>
</head>
<body>
<p id="abc">
저희 교회가 주의 은혜와 능력 가운데서 부흥 발전하며 예배, 교육, 친교, 선교, 봉사 등
교회 본분에 충실하게 하시며 저희 모두의 삶이 하나님의 영광을 나타내는
삶이 되게 하여 주시옵소서.
</p>
<p>
이 예배를 시종일관 성령께서 주장하시기를 바라면서
주 예수 그리스도의 이름으로 기도합니다.아멘
</p>
</body>
</html>
위 코드의 실행결과는 다음과 같습니다.
'홈페이지제작 > CSS' 카테고리의 다른 글
| [CSS 기초강좌] 표(table) 꾸미기 > 테두리 만들기 (0) | 2018.01.11 |
|---|---|
| [CSS 강좌] 표(table) 과 배경색 꾸미기 (0) | 2018.01.10 |
| [CSS 기초강좌] 선택자 > 클래스 선택자(Class Selector) (0) | 2018.01.08 |
| [CSS 강좌 ]홈페이지의 글자 타입 선택자(Type Selector) (0) | 2018.01.05 |
| [CSS강좌] 전체 선택자(Universal Selector) (0) | 2018.01.04 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.