怎样用CSS加粗字体
程序员文章站
2022-03-16 21:00:36
...
今天给大家介绍一下怎样用CSS加粗字体,我们发文章的时候,标题和正文的大小以及字体肯定是不同的,那么我们就给大家详细讲解一下,怎样用CSS来加粗文章的字体,怎么控制文章字体的粗细 。
CSS 加粗这里指的是通过DIV CSS控制对象的加粗。
使用CSS属性单词
对象值:从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来控制字体粗细的方法已经告诉大家了,你学会了吗?
相关阅读
如何解决html5 canvas 绘制字体、图片与图形模糊问题
以上就是怎样用CSS加粗字体的详细内容,更多请关注其它相关文章!