首页 > 编程 > HTML > 正文

html文字粗体字体加粗如何设置

2020-03-24 17:52:51
字体:
来源:转载
供稿:网友
一、使用html 加粗标签

使用b标签或strong标签即可对文字粗体。

1、分别对应语法如下:

b /b

strong strong

2、应用案例

1)、html案例完整代码(可以拷贝测试):

 !DOCTYPE html  html xmlns= http://www.w3.org/1999/xhtml  head  meta http-equiv= Content-Type content= text/html; charset=utf-8 /  title 粗体实现 DIVCSS5案例 /title  /head  body 我是正常字体 br /  b 我被b粗体 /b br /  strong 我被strong粗体 /strong  /body  /html 

2)、html粗体截图:

1_130515123741_1.png

html粗体标签实现文字粗体加粗

以上是使用两种粗体标签实现html文字粗体,字体加粗方法,希望大家能灵活掌握与应用。

二、使用CSS样式实现文字粗体显示 - TOP

div+css布局中,使用css样式实现文字字体粗体比较多的,只需要对对象设置一个粗体样式属性即可实现文本粗体,又称为css文字粗体。

1、css粗体样式基础

1)、单词与介绍

font-weight,值为可以为从100到900,和bold,最常用font-weight的值为bold,也是所有浏览器兼容

2)、css 粗体语法:

div{font-weight:bold}

这样就让所有div对象内文字字体加粗

2、粗体css案例

1)、加粗粗体案例HTML源代码(div+css布局案例)(大家可以拷贝使用和测试)

 !DOCTYPE html  html xmlns= http://www.w3.org/1999/xhtml  head  meta http-equiv= Content-Type content= text/html; charset=utf-8 /  title 粗体实现 DIVCSS5案例 /title  style .bold{ font-weight:bold}  /style  /head  body  div 我是正常字体 /div  div >

2)、加粗案例截图

1_130515123840_1.png

三、关于字体文本粗体总结

1_130515123915_1.png

标签加粗与CSS样式粗体

样式粗体与html标签粗体 加粗方式

这里我们介绍HTML标签和CSS样式实现文字粗体两种方式,大家在实际使用时候根据需求选择粗体样式方式。

以上就是html文字粗体字体加粗如何设置的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表