欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

html文字粗体字体加粗如何设置

程序员文章站 2022-03-08 09:16:57
...
一、使用html 加粗标签

使用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文字粗体字体加粗如何设置

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）、加粗案例截图

html文字粗体字体加粗如何设置

三、关于字体文本粗体总结

html文字粗体字体加粗如何设置

标签加粗与CSS样式粗体

样式粗体与html标签粗体 加粗方式

这里我们介绍HTML标签和CSS样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。

以上就是html文字粗体字体加粗如何设置的详细内容，更多请关注其它相关文章！

相关标签： html，文字粗体，字体加粗

上一篇： php开发之时间跟日期的应用

下一篇： html和CSS给文字添加删除线的三种方法（图文）

推荐阅读