视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
怎样用CSS加粗字体
2020-11-27 15:27:57 责编:小采
文档


今天给大家介绍一下怎样用CSS加粗字体,我们发文章的时候,标题和正文的大小以及字体肯定是不同的,那么我们就给大家详细讲解一下,怎样用CSS来加粗文章的字体,怎么控制文章字体的粗细 。

CSS 加粗这里指的是通过DIV CSS控制对象的加粗。

使用CSS属性单词

font-weight

对象值:从100到900,最常用font-weight的值为bold

font-weight参数:

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

bold : 粗体。相当于number为700。也相当于b对象的作用

bolder : IE5+ 特粗体

lighter : IE5+ 细体

number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

详细基础加粗知识请进CSS手册中的font-weight手册。

Html常规加粗标签

以前html直接对对象加粗的标签如下:

<b></b>或<strong></strong>两者效果相同。

加粗实例,代码如下:

 <strong>我被加粗</strong><br />
<b>我也被加粗了</b><br/>
我未被加粗

CSS 加粗基础技巧实例

CSS 代码:

 .yangshi1{ font-weight:bold}
.yangshi2{ font-weight:800}

Div html代码:

 <span class="yangshi1">我被加粗</span><br />
<span class="yangshi2">我也被加粗了</span><br />
我未被加粗

这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。

CSS来控制字体粗细的方法已经告诉大家了,你学会了吗?

相关阅读

html中的字体颜色怎么修改

如何解决html5 canvas 绘制字体、图片与图形模糊问题

网页设计中的字体应用

下载本文
显示全文
专题