Language - [Front]/HTML & CSS
[HTML, CSS] - HTML 스타일
구구르밍
2023. 10. 17. 15:10
스타일
CSS 스타일을 HTML 요소에 직접 설정
오직 단 하나의 HTML 요소에만 스타일을 적용 가능
style 속성값에 사용되는 CSS 속성(property)과 속성값들은 세미콜론(;)을 이용하여 구분
CSS 속성을 하나만 사용할 때나, 여러 개의 CSS 속성 중 맨 마지막 CSS 속성은 세미콜론(;)을 생략 가능
<태그이름 style="속성이름:속성값">
배경색
<h1 style="background-color:white">
style 속성을 이용한 배경색 변경
</h1>
글자 색
<h1 style="color:maroon">
style 속성을 이용한 글자색 변경
</h1>
글자 크기
<h1 style="font-size:250%">
style 속성을 이용한 글자 크기 변경
</h1>
문단 정렬
<h1 style="text-align:center">
style 속성을 이용한 문단 정렬 변경
</h1>
여러 스타일
<h1 style="background-color:white; color:maroon; font-size:150%; text-align:center">
style 속성을 이용하여 한 번에 스타일링 하기!
</h1>