HTML The class Attribute

컴프

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1259 1259

HTML 클래스의 Attribute

class 속성 사용하기

HTML 클래스 속성을 사용하면 동일한 클래스 이름을 가진 요소에 대해 동일한 스타일을 정의 할 수 있습니다.

여기에 동일한 클래스 이름을 가리키는 세 개의 <div> 요소가 있습니다.

예

<!DOCTYPE html>

<html>

<head>

<style>

div.cities {

background-color: black;

color: white;

margin: 20px 0 20px 0;

padding: 20px;

}

</style>

</head>

<body>

<p> 런던은 영국의 수도입니다. 영국에서 가장 인구가 많은 도시로 1300 만이 넘는 대도시가 있습니다. </ p>

</ div>

<p> 파리는 프랑스에서 가장 인구가 많은 도시입니다. </ p>

</ div>

<p> 도쿄는 도쿄의 중심 인 일본의 수도로,

세계에서 가장 인구가 많은 대도시 지역입니다. </ p>

</ div>

</ body>

</ html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
17	HTML	이미지를 5단계로 키워서 보자 [2]	카이루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	3713
16	HTML	리눅스 압축관련 명령어	아우겐나이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	6287
15	HTML	연산자(Operators) [1]	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5612
14	HTML	PHP 제어구조	예진맘 프로필 보기 이 회원 글보기 이 회원의 댓글보기	21년 전	5812
13		오랜만에 테이블로 레이아웃을 잡으니	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2244
12		크롬(Chrome), 사파리(Safari)에서 form 전송이 안 될때, submit 버튼이 안 먹힐 때 [4]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	9645
11		UI Patterns [2]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2595
10		HTML5 마크업 시 [1]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2397
9		SIR 메인 HOT SKIN/BUILDER 효과 순차롤링 최신글 [9]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3599
8		크로스브라우징 input text 글줄 정렬 [13]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	9453
7		반응형 웹 스타디 초안 [4]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3510
6		zurb의 foundation (반응형 프레임워크)과 off-canvas 방식 가변형 레이아웃	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	5865
5		반응형 레이아웃 와이어프레임	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3321
4		가변형 레이아웃/네비게이션 패턴 [2]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4661
3		반응형 이미지 기법들 [1]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4538
2		반응형 웹 디자인 (Responsive Web Design) [2]	전진 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	5480
1		구글 애드센스 배경색 설정 (로딩시 노란색으로 깜빡이는 문제 해결) [5]	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3556