반응형
안녕하세요.
css3를 통해 html로 제작된 페이지를 다양한 디자인을 할 수 있습니다.
스타일시트에서 지원하는 폰트 속성으로 폰트를 적용할 수 있습니다.
-color: 글자의 색상을 지정합니다.
-font-size: 글자의 크기를 지정합니다.
-font-family: 글꼴을 지정합니다.
-font-style: 글자의 스타일을 지정합니다.
-font-weight: 글자의 두께를 지정합니다.
-text-align: 글자의 정령 방식을 지정합니다.
-line-height: 글자의 높이를 지정합니다.
-text-decoration: 하이퍼링크의 글자를 지정합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com css3 스타일시트 font 글꼴 속성 소스 코드 예제</title>
<style>
body {
color: #ff6a58;
font-size: 30px;
font-family: Fixedsys;
font-style: normal;
font-weight: bold;
text-align: left;
line-height: 1.2;
text-decoration: none;
}
</style>
</head>
<body>
<div>
<h1>codeomni font 속성</h1>
</div>
</body>
</html>
|
cs |
▲ 실행 화면입니다.
댓글