Rumah  >  Artikel  >  hujung hadapan web  >  怎样用CSS加粗字体

怎样用CSS加粗字体

php中世界最好的语言
php中世界最好的语言asal
2017-11-20 14:37:302725semak imbas

今天给大家介绍一下怎样用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直接对对象加粗的标签如下:

a4b561c25d9afb9ac8dc4d70affff4190d36329ec37a2cc24d42c7229b69747a或8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0两者效果相同。

加粗实例,代码如下:

 <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 绘制字体、图片与图形模糊问题

网页设计中的字体应用

Atas ialah kandungan terperinci 怎样用CSS加粗字体. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:怎样让css图片居中显示Artikel seterusnya:怎么用CSS修改鼠标样式