在html css中加粗显示,HTML和CSS实现字体加粗的方法有哪些

HTML和CSS实现字体加粗的方法有哪些

发布时间：2020-10-20 15:00:50

来源：亿速云

阅读：97

作者：小新

这篇文章主要介绍了HTML和CSS实现字体加粗的方法有哪些，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

给字体和文字加粗有三种方法，一种是CSS中的font-weight: bold样式，一种是HTML中的标签，最后一种是HTML中的标签。

方法1：用CSS中font-weight: bold样式给字体加粗

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

实例描述：创建两个p标签，给其中一个标签一个class类名，便于对其进行CSS样式设置。将font-weight: bold属性添加到有类名的p 标签上，对比两个p标签，看看有什么不同，具体代码如下：

.aa{font-weight: bold;}

床前明月光

低头思故乡

如下图所示，“低头思故乡”这段文字被加粗了。

方法2：用html中的加粗标签

标签可以使字体加粗，且所有主流浏览器都支持此方法。

实例描述：直接用html中的标签，即可实现文字加粗效果，具体代码如下：

床前明月光

疑是地上霜

如图所示，对比p标签和strong标签的内容，发现strong标签的内容加粗了。

方法3：用html中的加粗标签

标签可以定义一个粗体的文本，且所有主流浏览器都支持标签。

实例描述：标签和标签一样，都可以给文字加粗，并且使用简单方便，具体代码如下：

床前明月光

举头望明月

如下图所示，b标签的里面的文字加粗了

感谢你能够认真阅读完这篇文章，希望小编分享HTML和CSS实现字体加粗的方法有哪些内容对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，遇到问题就找亿速云，详细的解决方法等着你来学习!

在html css中加粗显示,HTML和CSS实现字体加粗的方法有哪些相关推荐

css中横线中间显示文字
css中横线中间显示文字,类似文档地图注脚 <div style="width:100%;height:36px;line-height:36px;display:flex;" ...
CSS中Display（显示）和Visibility（可见）
CSS中常见的显示属性Display和可见属性Visibility display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏. 隐藏元素 - display:non ...
一篇文章教你学会如何使用CSS中的雪碧图（CSS Sprite）
一篇文章教你学会如何使用CSS中的雪碧图(CSS Sprite) 一.什么是雪碧图? 雪碧图(CSS Sprite)又叫CSS精灵图,是一种网页图片应用处理方式,他允许你将一个页面设计到所有零星图片 ...
Css中实现一个盒子固定宽度，另一个盒子宽度自适应的方法
Css中实现一个盒子固定宽度,另一个盒子宽度自适应的方法网上方法很多,个人认为以下两种思想是最为常用的. 一种是让第一个盒子脱离文档流,第二个盒子离左边有一定距离. 第二种方法是使用flex布局,不 ...
html中treegrid不显示根节点,easyUI TreeGrid的加载问题
工作的原因,以后主要做一些JavaWeb的开发工作,开辟这个文章集主要用来记录学习的过程和分享遇到的问题,方便日后回顾或许还能帮助网友解决相同的问题. easyUi的TreeGrid的问题 easyu ...
css中div居中显示的四种方法
css中设置div元素居中显示的四种方法一.先确定div的基本样式二.具体实现方法第一种:利用子绝父相和margin: auto实现第二种:利用子绝父相和过渡动画tranform实现第三种: ...
css如何设置文本垂直居中显示,css中怎么设置文本居中？css文本垂直居中的设置方法...
在网页设计的过程中,有时候可能为了布局美观可能需要让文本居中,那么,怎么设置文本居中呢?本篇文章将给大家介绍关于css设置文本垂直居中的方法. 首先我们要知道通过css实现元素的水平居中较为简单:对文 ...
CSS中伪元素、伪类选择器和字体、文本相关属性
CSS中伪元素.伪类选择器伪元素选择器伪元素选择器只能针对CSS中已有的伪元素起作用. CSS提供的伪元素选择器有如下几个: :first-letter:对指定对象的第一个字符起作用. :firs ...
html字体怎么变大变粗,ppt如何加粗字体更粗幻灯片的艺术字怎么把字体变粗？...
怎么样能使PPT中所有的字体一次性加粗,用CTRA+A全选只能选中幻灯片而不在电脑桌面上找到PPT演示文稿.并将PPT演示文稿双击打开. 打开了文稿之后,在幻灯片里面找到大纲视图,并点击它,将幻灯片切 ...
html怎么去除左边的圆点,在Html的CSS中去除标签前面小黑点以及ul、LI部分属性方法...
div是很多人做网站都会用到的,但在显示默认效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,现在我们可以用以下方法来清除默认黑点. 1.在CSS中写入代码.找到相关性的CSS, ...

在html css中加粗显示,HTML和CSS实现字体加粗的方法有哪些

在html css中加粗显示,HTML和CSS实现字体加粗的方法有哪些相关推荐

最新文章

热门文章