html中加粗文字,span文字加粗_span盒子对象内字体加粗

d7141bc9f1f4e7a2813eec34a0555abe.png

除了html字体加粗标签有标签strong与标签b为字体加粗直接使用的标签外,css设置字体加粗也黑白经常用的属性。而运用span标签对一段翰墨中其中一段翰墨内容字体加粗也是经常运用方式。

一、字体加粗属性单词

字体加粗CSS单词:font-weight,值设置装备摆设为bold。

即:font-weight:bold

div{font-weight:bold}

配置div内字体加粗

span{font-weight:bold}

设置span字体加粗

二、span标签内配置加粗

字体加粗实例一段笔墨模式!我在span内

一段翰墨中,其中一些笔墨放在span标签对象内,对span应用style属性直接设置装备摆设CSS字体加粗花色。

92e082f1ea11eceb36f25a1b5845016d.png

span内字体成功被加粗

三、盒子内只用一次span设置加粗

一个对象譬喻一个div内放了一段笔墨,而这里网页机关只应用一次span,那么咱们即也许舛错span应用class或id来设置装备摆设CSS名目,而直接颠末指向配置span花样包孕字体加粗需求。

1、span字体加粗实例残破代码如下:

span字体加粗 css5.com.cn

.abc span{ font-weight:bold}

字体加粗实例一段笔墨内容!我在span内!

2、截图

fbd575c29a8a4267385b8ad4ca8a5eaf.png

span胜利配置字体加粗

本性:如果一个对象盒子里屡次应用span,那么就重要独自对span配置应用id或class来完成CSS名堂。假如只运用一次,那么就能直接用css抉择器指向能耐直接配置标签而配置CSS,从而勤俭html代码。

四、外部class或id设置装备摆设span字体加粗

这里对span使用class完成笔墨加粗结构。

1、残缺span css实例代码

span字体加粗 css5.com.cn

.jiacu{ font-weight:bold}

实例测试翰墨模式,我应用span加粗

2、截图

56dbd02006d7011924942dea27865d05.png

span应用class设置字体加粗图文实例

通过对span设置装备摆设class,也能够运用id设置装备摆设字体加粗,方法沟通。

依照以上各种门径,融会贯通矫捷用span构造时,设置紧要的排版效果。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值