css字体如何加粗?

在编写HTML页面的时候,经常需要用CSS进行页面的美化,那么如何用CSS给字体加粗呢?下面我们来看一下如何使用css设置字体加粗。

css可以使用font-weight属性设置文本的粗细。该属性用于设置显示元素的文本中所用的字体加粗。属性值越大字体越粗。

属性值:


描述
normal默认值。定义标准的字符。
bold定义粗体字符。
bolder定义更粗的字符。
lighter定义更细的字符。

100

200

300

400

500

600

700

800

900

定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。
inherit规定应该从父元素继承字体的粗细。

示例:

<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字体如何加粗?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读