很多站长朋友们都不太清楚html怎么调粗细，今天小编就来给大家整理html怎么调粗细，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 HTML字体要怎么加粗？ 2、 HTML表格代码如何改变边框粗细 3、 表格里HTML字体怎么加粗？ 4、 怎样将html字体变细，我是新手？ 5、 html中如何改变hr元素的粗细啊 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表格代码如何改变边框粗细1、事先定义
<table border="2">
<table style="border:2px solid red;">
<table style="border-bottom:2px solid red;">
2、通过javascript动态设置
<table id="tab1">
<script language="javascript" type="text/javascript">
var obj;
obj=document.getElementById("tab1");
obj.style.border="2px solid red";
</script>
表格里HTML字体怎么加粗？从代码精简的角度来说不建议是用<B></B>模式，因为你加粗的应该不会是只有那么一个地方要加粗字体；
，通过CSS来设置，如h1{ font-size:14px; font-weight:800;}
这个之中font-weight是设置字体粗细的，后面的数字800是赋值，你可以如yanzilisan183回答的那样，直接用bold,也可以按照你自己的意愿进行粗细的调节，一般是整数，如100、200、...900等
怎样将html字体变细，我是新手？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粗体标签实现文字粗体加粗
以上是使用两种粗体标签实现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样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。
四、相关扩展阅读 - TOP
1、html b加粗
2、html strong加粗
3、b与strong区别
4、css加粗
5、css font-weight
6、css去掉b strong加粗
7、css去掉h1 strong h3 h4粗体
html中如何改变hr元素的粗细啊需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，复制问题基础代码。
2、在index.html中的<body>标签中，加入html代码：<div style="width:1024px; height:1px; background-color: #0000FF; border: 1px none #000000;"></div>。
3、浏览器运行index.html页面，此时横线和竖向是差不多粗细的。
关于html怎么调粗细的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么调粗细 html如何加粗的详细内容...