html文字怎么加粗，html文字加粗代码示例

发布时间：2022年02月24日 09:14:12 | 责任编辑 : 沐风 | 分类 : 网页设计 | 浏览: 38091次 | 评论 0 人

我们在设计页面设计的时候，通过css可以让文字有好的视觉效果，本文给大家讲解的是html文字怎么加粗，html加粗代码怎么写。

一、html文字怎么加粗，html加粗代码怎么写

想要把html里面的代码加粗，有多种方法，可以写在css里面，也可以直接写在html页面源代码里面，下面给出代码：

1、css代码让html文字加粗

font-weight属性可以设置字体的粗细，当属性值为normal时，表示正常的字体，相当于number为400；当属性值为bold时，可以给字体粗体，相当于number为700，也相当于<b>标签的效果。

2、直接在html上加标签

使用<strong>或者<b>这两个标签都能让文字呈现出加粗的效果。

二、html文字加粗代码示例

1、css代码让html文字加粗

加粗代码：

<styletype="text/css">

.aa{font-weight:bold;}

</style>

示例运用：<pclass="aa">引用css的文字加粗</p>

2、直接在html上加标签

<strong>strong文字加粗</strong>

<b>B文字加粗</b>

以上两种让html加粗的方法，大家可以把代码复制到页面里看看效果，沐风SEO把代码复制到了Dreamweaver里面，截图如下：

关于html文字加粗的问题，这里简单说了两种方式，主要是通过引用css样式，以及使用html标签。相对来说，这些代码是很简单的，有兴趣设计优化前端的朋友可以多学习些css知识，制作出更加有意思的效果。

本站内容大部分由沐风博客原创，少部分内容来源于网络，如有侵权请与我们联系，我们会及时删除！

• 上一篇：有没有快速出优质文章的方式
• 下一篇：为什么网站首页有排名内容无排名