HTML字体要怎么加粗？
一、使用html 加粗标签 - TOP
使用b标签或strong标签即可对文字粗体。
1、分别对应语法如下：
<b></b>
<strong><strong>
2、应用案例
1）、html案例完整代码（可以拷贝测试）：
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>粗体实现 DIVCSS5案例</title> </head> <body> 我是正常字体<br /> <b>我被b粗体</b><br /> <strong>我被strong粗体</strong> </body> </html>
2）、html粗体截图：
以上是使用两种粗体标签实现html文字粗体，字体加粗方法，希望大家能灵活掌握与应用。
二、使用CSS样式实现文字粗体显示 - TOP
div+css布局中，使用css样式实现文字字体粗体比较多的，只需要对对象设置一个粗体样式属性即可实现文本粗体，又称为css文字粗体。
1、css粗体样式基础
1）、单词与介绍
font-weight，值为可以为从100到900，和bold，最常用font-weight的值为bold，也是所有浏览器均兼容。
2）、css 粗体语法：
div{font-weight:bold}
这样就让所有div对象内文字字体加粗
2、粗体css案例
1)、加粗粗体案例HTML源代码（div+css布局案例）（大家可以拷贝使用和测试）
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>粗体实现 DIVCSS5案例</title> <style> .bold{ font-weight:bold} </style> </head> <body> <div>我是正常字体</div> <div class="bold">我被font-weight粗体</div> </body> </html>
2）、加粗案例截图
三、关于字体文本粗体总结 - TOP
这里我们介绍HTML标签和CSS样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。
1.使用font-weight属性
一说到在CSS里实现加粗，大家第一反应是不是使用font-weight属性。没错，这是在CSS实现加粗的方法之一。
font-weight属性的值可以是： normal 、 bold、 bolder 、 lighter 、 number。
normal: 正常的字体，相当于number为400，声明此值将取消之前任何设置
bold: 粗体，相当于number为700，也相当于html b 加粗对象的作用
bolder: IE5+特粗体
lighter: IE5+细体
number: IE5+100|200|300|400|500|600|700|800|900
这个属性我们最常用的值是bold，当然你也可以实际需要调整number数值达到自己所需的效果。
实例:
效果:
看到这个效果,你是否有这样一个疑问:怎么数值900和bold的效果差不多呀?bold不是相当于数值700吗?这是因为加粗作用是由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说，用户可能看不到不同值之间的差异。
因为web前端开发在国内的火爆，所以很多人都开始自学web前端开发。但是如果一个人自学是很有难度的，可能花费了大量的时间和精力还未必可以收到效果。给你推荐一个裙，前端开发的前面是四 四五，前端开发的中间是IO 7，前端开发的后面是四 八 六。这里每天都有免费的课程可以学习，还有很多人和你一起进步，如果你是想学习的就赶紧加入，不想学习的就不要加咯.
2.html常规加粗标签
除了font-weight属性之外，我们还有方法对字体实施加粗吗？
我们先看看下面的代码:
运行:
嘿嘿!由上图我们可以看到运行效果跟font-weight属性差不多喔！因此我们可以得出：使用html标签<b></b>或<strong></strong>也能达到加粗的效果。
以上就是小编所知道的在CSS里面实现字体加粗的两种方法，两种方法都非常简单。学会以后，大家在日后的网页设置中就不愁如何加粗字体了。当然如果你还有其他实现字体加粗的方法，记得告诉小编，大家共同学习喔！
<B>加粗</B>
或
<span style="font-weight:bold;">加粗</span>
如果还有问题欢迎追问,问题解决请及时选为满意回答,谢谢.
，通过CSS来设置，如h1{ font-size:14px; font-weight:800;}
这个之中font-weight是设置字体粗细的，后面的数字800是赋值，你可以如yanzilisan183回答的那样，直接用bold,也可以按照你自己的意愿进行粗细的调节，一般是整数，如100、200、...900等
1.使用font-weight属性
一说到在CSS里实现加粗，大家第一反应是不是使用font-weight属性。没错，这是在CSS实现加粗的方法之一。
font-weight属性的值可以是：
normal
、
bold、
bolder
、
lighter
、
number。
normal:
正常的字体，相当于number为400，声明此值将取消之前任何设置
bold:
粗体，相当于number为700，也相当于html
b
加粗对象的作用
bolder:
IE5+特粗体
lighter:
IE5+细体
number:
IE5+100|200|300|400|500|600|700|800|900
这个属性我们最常用的值是bold，当然你也可以实际需要调整number数值达到自己所需的效果。
实例:
效果:
看到这个效果,你是否有这样一个疑问:怎么数值900和bold的效果差不多呀?bold不是相当于数值700吗?这是因为加粗作用是由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说，用户可能看不到不同值之间的差异。
因为web前端开发在国内的火爆，所以很多人都开始自学web前端开发。但是如果一个人自学是很有难度的，可能花费了大量的时间和精力还未必可以收到效果。给你推荐一个裙，前端开发的前面是四
四五，前端开发的中间是IO
7，前端开发的后面是四
八
六。这里每天都有免费的课程可以学习，还有很多人和你一起进步，如果你是想学习的就赶紧加入，不想学习的就不要加咯.
2.html常规加粗标签
除了font-weight属性之外，我们还有方法对字体实施加粗吗？
我们先看看下面的代码:
运行:
嘿嘿!由上图我们可以看到运行效果跟font-weight属性差不多喔！因此我们可以得出：使用html标签或也能达到加粗的效果。
以上就是小编所知道的在CSS里面实现字体加粗的两种方法，两种方法都非常简单。学会以后，大家在日后的网页设置中就不愁如何加粗字体了。当然如果你还有其他实现字体加粗的方法，记得告诉小编，大家共同学习喔！
|
广告 您可能关注的内容 |
