很多站长朋友们都不太清楚html怎么加粗hr，今天小编就来给大家整理html怎么加粗hr，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 如何在HTML中制作粗体文字？ 2、 HTML字体要怎么加粗？ 3、 html中hr的各种样式使用 4、 html字体大小、颜色、粗体、下划线代码（局部） 如何在HTML中制作粗体文字？在前端页面的开发中，字体文字的效果是一个重要的部分，有时为了突出一段文字，就需要给文字进行加粗显示；那么在HTML中如何加粗文字，制作粗体文字？下面本篇文章就来给大家介绍一下，希望对大家有所帮助。
在HTML中，可以使用<b>标签和<strong>标签来制作粗体文字，给文字进行加粗。下面我们来了解一下这两个标签。
<b> 标签
<b> 标签规定粗体文本。<b和</b>标签内写入的内容将显示为粗体文本。
语法：
示例：
效果图：
<strong>标签
<strong>标签用来定义计算机程序的样本重要的文本，用于强调文本。浏览器通常是用加粗的字体（相对于斜体）来显示<strong>标签中的内容。
语法：
示例：
效果图：
HTML字体要怎么加粗？一、使用html 加粗标签 - TOP
使用b标签或strong标签即可对文字粗体。
1、分别对应语法如下：
<b></b>
<strong><strong>
2、应用案例
1）、html案例完整代码（可以拷贝测试）：
<!DOCTYPE html> <html xmlns=""> <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=""> <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中hr的各种样式使用HTML的hr标签可以创建一条水平线。下面，我们来看看html中hr的各种样式使用吧。
01
创建一条水平线
先使用<hr/>标签来创建一条水平线，如下图所示：
02
hr的高度
使用style来设置hr水平线的样式，比如设置hr的高度， <hr style=" height:30px" />。如下图所示：
03
没有边框
使用border:none;来设置hr没有边框，如下图所示：
04
dotted 虚线
使用dotted将水平线设置成虚线，如下图所示：
html字体大小、颜色、粗体、下划线代码（局部）方法和详细的操作步骤如下：
1、第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤。
2、第二步， 执行完上面的操作之后， border-bottom属性用于设置底部边框样式，见下图，转到下面的步骤。
3、第三步， 执行完上面的操作之后，border-bottom: #FF0000 2px solid ； 将边框大小设置为2PX红色边框，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，观察到相同的效果，发现下划线是整个屏幕的宽度，因此接下来将更改宽度，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，宽度设置为180px，可以根据实际情况进行调整，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，将显示下划线效果，见下图。这样，就解决了这个问题了。
关于html怎么加粗hr的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么加粗hr HTML怎么加粗字体的详细内容...