当前位置: 沐风博客 >> 网页设计 >>正文

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

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

我们在设计页面设计的时候,通过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文字加粗效果.jpg

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


本文 已帮助 2253 人

沐风博客

本站内容大部分由沐风博客原创,少部分内容来源于网络,如有侵权请与我们联系,我们会及时删除!
责任编辑:沐风 | 发布时间:2022年02月24日09点14分12秒 | 本文永久地址为 http://www.tangmengyun.com/seo/3292.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

沐风博客,更新包含SEO培训教程、网站运营及网络推广等互联网资讯

线下SEO培训地址:广州.厦滘 | 线上SEO培训不受地域限制