HTML태그에 CSS를 여러개 적용해보자.
방법은 각 스타일 사이에 ; (세미콜론) 으로 속성과 값을 구분해서 코딩하면 된다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS 여러개 적용하기</title>
</head>
<body>
<div style="background-color: pink; color: white; text-align: center;">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</body>
</html>
위 예제에서는
background-color : pink (배경색)
color : white (글자색)
text-align : center (글자정렬)
세가지 속성은 ; 세미콜론으로 구분되며, 속성들이 적용된 p 요소는 브라우저에 하기처럼 예쁘게 표현된다.
무미건조했던 HTML 웹문서에 드디어 스타일을 적용한 것 이다.
8-1강. CSS 크기 속성
CSS 의 여러속성 중 눈에 가장 손쉽게 띄는 속성은 바로 크기 조정이다.해당 속성을 div 태그에 정해두면 div 영역의 크기를 마음대로 조정할수 있다. It is a long established fact that a reader will be distracte
soo0100.tistory.com
반응형
'앱 만들기 > CSS study' 카테고리의 다른 글
| 8-2강. CSS 테두리 와 마진, 패딩 속성 사용방법 (0) | 2024.06.30 |
|---|---|
| 8-1강. CSS 크기 속성 (1) | 2024.06.29 |
| 7강. CSS 적용하기 (1) | 2024.06.27 |
| 티스토리 제목 라인 넣는 방법 (4) | 2023.07.17 |
| 티스토리 소제목 라인 만들기 (4) | 2023.07.16 |
댓글