文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

在CSS里面如何实现字体加粗

lzzyok小精灵

lzzyok小精灵

2024-04-23 23:07

关注

      在word里面实现文字加粗是一件轻而易举的事。我们直接点击加粗按钮就可以完成。但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下。

在CSS里面如何实现字体加粗_CSS基础教程_字体加粗_font-weight属性_编程学习网

  1.使用font-weight属性

  一说到在CSS里实现加粗,大家第一反应是不是使用font-weight属性。没错,这是在CSS实现加粗的方法之一。

  font-weight属性的值可以是: normal 、 bold、 bolder 、 lighter 、 number。

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

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

  bolder: IE5+特粗体

  lighter: IE5+细体

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

  这个属性我们最常用的值是bold,当然你也可以实际需要调整number数值达到自己所需的效果。

  实例:

使用front-weight属性举例代码

  效果:

运行效果

  看到这个效果,你是否有这样一个疑问:怎么数值900和bold的效果差不多呀?bold不是相当于数值700吗?这是因为加粗作用是由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。

  2.html常规加粗标签

  除了font-weight属性之外,我们还有方法对字体实施加粗吗?

  我们先看看下面的代码:

html常规加粗标签举例

  运行:

      html标签运行效果

  嘿嘿!由上图我们可以看到运行效果跟font-weight属性差不多喔!因此我们可以得出:使用html标签<b></b>或<strong></strong>也能达到加粗的效果。

  以上就是小编所知道的在CSS里面实现字体加粗的两种方法,两种方法都非常简单。学会以后,大家在日后的网页设置中就不愁如何加粗字体了。当然如果你还有其他实现字体加粗的方法,记得告诉小编,大家共同学习喔!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯