html字体加粗，粗体字体在线转换

编程之家2026-06-301001次浏览

大家好，html字体加粗相信很多的网友都不是很明白，包括粗体字体在线转换也是一样，不过没有关系，接下来就来为大家分享关于html字体加粗和粗体字体在线转换的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

我们用HTML制作页面的时候，有时需要加粗字体，那么该如何操作呢？下面我给大家分享一下。

工具/材料 Sublime Text

首先我们打开Sublime Text软件，新建一个HTML文档，写入如下内容

运行页面以后我们可以看到默认的字体都是不加粗的，如下图所示

接下来我们给字体添加font-weight属性，设置值为bold，如下图所示

最后在运行页面，我们就可以看到字体加粗了，如下图所示

方法和详细的操作步骤如下：

1、第一步，如果要修改下划线的颜色，大小和其他样式，可以通过border属性设计，使用起来更灵活，见下图，转到下面的步骤。

2、第二步，执行完上面的操作之后， border-bottom属性用于设置底部边框样式，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，border-bottom:#FF0000 2px solid；将边框大小设置为2PX红色边框，见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，观察到相同的效果，发现下划线是整个屏幕的宽度，因此接下来将更改宽度，见下图，转到下面的步骤。

5、第五步，执行完上面的操作之后，宽度设置为180px，可以根据实际情况进行调整，见下图，转到下面的步骤。

6、第六步，执行完上面的操作之后，将显示下划线效果，见下图。这样，就解决了这个问题了。

今天给大家介绍一下怎样用CSS加粗字体，我们发文章的时候，标题和正文的大小以及字体肯定是不同的，那么我们就给大家详细讲解一下，怎样用CSS来加粗文章的字体，怎么控制文章字体的粗细。

CSS加粗这里指的是通过DIV CSS控制对象的加粗。

使用CSS属性单词

font-weight

对象值：从100到900，最常用font-weight的值为bold

font-weight参数：

normal:正常的字体。相当于number为400。声明此值将取消之前任何设置

bold:粗体。相当于number为700。也相当于b对象的作用

bolder: IE5+特粗体

lighter: IE5+细体

number: IE5+100| 200| 300| 400| 500| 600| 700| 800| 900

详细基础加粗知识请进CSS手册中的font-weight手册。

Html常规加粗标签

以前html直接对对象加粗的标签如下：

或两者效果相同。

加粗实例，代码如下：

我被加粗 我也被加粗了

我未被加粗CSS加粗基础技巧实例

CSS代码：

.yangshi1{ font-weight:bold}

.yangshi2{ font-weight:800}Div html代码：

我被加粗

我也被加粗了

我未被加粗这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。

CSS来控制字体粗细的方法已经告诉大家了，你学会了吗？