CSS设置div对象盒子里部分文字加粗的实例介绍

云南的天空有一种静谧之美,在这片土地上就连时间都流淌得格外缓慢。东方刚露出第一抹红霞,小河像一位刚梳洗完毕的姑娘,对着镜子整理晨妆,面颊上飞出几片羞答答的红晕。

CSS设置对象盒子里部分文字加粗方法有两种,一种使用html b标签或html strong标签,另外一种使用CSS样式实现加粗布局。

如何选择加粗布局方式?

从SEO优化考虑,如果文字要加粗,DIVCSS5推荐使用html标签的b加粗或strong加粗标签实现加粗效果。

如果不考虑优化方面因素,可以直接对需要加粗的文字设置 css加粗 样式。

下来通过案例好代码教程介绍两种加粗方法:

1、完整HTML+CSS代码

<p>

复制代码
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>加粗方法 在线案例演示 DIVCSS5</title>
<style>
.bold{font-weight:bold}
</style>
</head>
<body>
<strong>学习</strong>CSS上DIVCSS5网,
从HTML到CSS<b>布局学习</b>。
CSS问题解决方法、<span class="bold">基础</span>学习上DIVCSS5。
</body>
</html>
</p>

2、CSS案例截图

使用加粗标签和CSS加粗样式案例截图

以上就是CSS设置div对象盒子里部分文字加粗方法,谢谢阅读,希望能帮到大家,请继续关注,我们会努力分享更多优秀的文章。

您可能有感兴趣的文章
css 如何实现矩形四个边角加粗的方法

粗上加粗的IE10字体宽到超出原本的容器