| HTML和CSS实现字体加粗的三种方法 | 您所在的位置：网站首页 › css字体加粗属性 › HTML和CSS实现字体加粗的三种方法 |
HTML和CSS实现字体加粗的三种方法
|
方法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;}
床前明月光 低头思故乡 如下图所示，“低头思故乡”这段文字被加粗了。 x1.jpg 方法2：用html中的加粗标签 标签可以使字体加粗，且所有主流浏览器都支持此方法。 实例描述：直接用html中的标签，即可实现文字加粗效果，具体代码如下：床前明月光 疑是地上霜 如图所示，对比p标签和strong标签的内容，发现strong标签的内容加粗了。 x2.jpg 方法3：用html中的加粗标签 标签可以定义一个粗体的文本，且所有主流浏览器都支持标签。 实例描述：标签和标签一样，都可以给文字加粗，并且使用简单方便，具体代码如下：床前明月光 举头望明月
本文转载自中文网
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h55901.shtml |
【本文地址】
公司简介
联系我们