怎样将html字体变细，我是新手？
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粗体截图：
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 class="bold">我被font-weight粗体</div> </body> </html>
2）、加粗案例截图
三、关于字体文本粗体总结 - TOP
样式粗体与html标签粗体 加粗方式
这里我们介绍HTML标签和CSS样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。
四、相关扩展阅读 - TOP
1、html b加粗
2、html strong加粗
3、b与strong区别
4、css加粗
5、css font-weight
6、css去掉b strong加粗
7、css去掉h1 h2 h3 h4粗体
博思aippt
2024-07-20 广告
/*
font-weight 属性设置文本的粗细。
normal 默认值。定义标准肢银侍的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。
100/200/300/400/500/600/700/800/900
定义由粗到历吵细的字符。400 等同于 normal，搏改而 700 等同于 bold。
*/
.one{ font-weight: normal; }
.two{ font-weight: bold; }
.three{ font-weight: 200; }
</style>
<h1 class="one">你好</h1>
<h1 class="two">你好</h1>
<h1 class="three">你好</h1>
|
广告 您可能关注的内容 |
