您的位置:首页 > div css问集 >

 

DIV CSS文字粗体字如何实现 html字体加粗如何设置

 

CSS DIV文字粗体字如何实现 html文字粗体如何设置?字体加粗与粗体实现篇!

ThinkCSS为大家介绍两种对文本文字粗体字体加粗方法:

一、使用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>粗体实现 ThinkCSS案例</title>
</head>
<body>
我是正常字体<br />
<b>我被b粗体</b><br />
<strong>我被strong粗体</strong>
</body>
</html>

2)、html粗体截图:

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

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

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

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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>粗体实现 ThinkCSS案例</title>
<style>
.bold{ font-weight:bold}
</style>
</head>
<body>
<div>我是正常字体</div>
<div class="bold">我被font-weight粗体</div>
</body>
</html>

2)、加粗案例截图

css样式font-weight粗体用法案例截图
css样式font-weight粗体用法案例截图

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

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

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

四、相关扩展阅读

标签(Tag): 加粗 粗体
本文分享URL地址:http://www.css5.com.cn/wenti/501.html

更多

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2013-05-15     点击:
原创:CSS5     来源网址:http://www.css5.com.cn/wenti/501.html
本文www.css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!