一、使用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粗体标签实现文字粗体加粗是针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是6 1 1，中间是肆 二 8，最后面就是壹 四 二，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。
以上是使用两种粗体标签实现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）、加粗案例截图
css样式font-weight粗体用法案例截图
三、关于字体文本粗体总结 - TOP
样式粗体与html标签粗体 加粗方式
这里我们介绍HTML标签和CSS样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<div>标签中，输入样式代码：style="font-weight: 800"。
3、浏览器运行index.html页面，此时div标签文本的粗细被成功改变了。
可以，font加粗用法如：font:blod12px
"宋体"
这里的blod是粗体，也可以是100至900，斜体用Italic
或oblique，12px是字体大小，18px是字体的大小,font一定要写字体大小和字体名称才能起作用，其他属性可不写。如
font:12px
"宋体"正确
font:12px则无效。如果你只想要单独的粗体用font-weight:100-900如果你只想要单独的斜体用font-style:
italic或font-style:
oblique。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）