> 웹 프론트엔드 > CSS 튜토리얼 > CSS에서 글꼴을 굵게 만드는 방법은 무엇입니까?

CSS에서 글꼴을 굵게 만드는 방법은 무엇입니까?

(*-*)浩
풀어 주다: 2019-11-28 11:28:05
원래의
4591명이 탐색했습니다.

CSS에서 글꼴을 굵게 만드는 방법은 무엇입니까?

Font Bold

font-weight 속성은 텍스트의 두께를 설정합니다.

텍스트를 굵게 표시하려면 굵은 키워드를 사용하세요. (추천 학습: sCSS 기본 튜토리얼 )

키워드 100 ~ 900은 글꼴의 레벨 9에 두께를 더한 값을 지정합니다. 글꼴에 이러한 굵은 글꼴 수준이 내장되어 있는 경우 숫자는 미리 정의된 수준에 직접 매핑됩니다. 100은 가장 얇은 글꼴 변형에 해당하고 900은 가장 두꺼운 글꼴 변형에 해당합니다. 숫자 400은 보통에 해당하고, 700은 굵은 글씨에 해당합니다.

요소의 굵기를 더 굵게 설정하면 브라우저는 상속된 값보다 더 굵은 글꼴 굵기를 설정합니다. 반대로, 키워드 라이터를 사용하면 브라우저가 굵게를 위쪽이 아닌 아래쪽으로 이동하게 됩니다.

인스턴스

<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}
</style>
</head>

<body>
<p class="normal">This is a paragraph</p>

<p class="thick">This is a paragraph</p>

<p class="thicker">This is a paragraph</p>
</body>

</html>
로그인 후 복사

위 내용은 CSS에서 글꼴을 굵게 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿