글자를 굵게하고 싶을 때는 css의 font-weight 속성을 사용하시면 됩니다. 값에 bold를 주시면 글자가 굵어집니다.
font-weight : bold;
아래 예제를 보시면 쉽게 이해하실 수 있을 것입니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>글자 굵게</title>
<style>
#ex2 {
font-weight: bold;
}
</style>
</head>
<body>
<div id="ex1"><p>id가 ex1인 요소 안에 있는 글은 그대로.</p></div>
<div id="ex2"><p>id가 ex2인 요소 안에 있는 글은 굵게.</p></div>
</body>
</html>
|
cs |
위 코드를 실행하면 다음과 같은 웹페이지가 생성됩니다. font-weight:bold로 꾸며준 id가 ex2 요소의 글자만 굵어진 것을 확인하실 수 있습니다.
물론 굵기를 다양한 정도로 설정할 수 있지만, 이 글에서는 단순하게 bold 값을 이용해서 굵게 하는 것만 다뤘습니다.
'Dev > HTML, CSS' 카테고리의 다른 글
| [css] div 요소 화면 정중앙에 배치하기, flex box 활용 (0) | 2020.11.08 |
|---|---|
| [css] 밑줄 여유있게 치기 (0) | 2020.10.21 |
| [css] 단어를 기준으로 줄바꿈 하려면? word-break:keep-all (2) | 2020.10.15 |
| [html] 예쁜 아이콘을 문자처럼 사용하게 도와주는 Font Awesome 사용법 (0) | 2020.10.14 |
| [css] margin과 padding의 값 개수에 따른 의미 (0) | 2020.07.06 |
| div 요소 테두리 그리기(css) (0) | 2020.07.04 |
| 태그(tag)와 요소(element) 용어 정리 (0) | 2020.07.03 |
| html 문서 내 의 의미는? (0) | 2020.06.19 |