您的位置:首页 > CSS入门 > 【 返回上一页

div字体加粗 - css div内文字粗体实现

div字体加粗-div内文字粗体实现图文教程篇

css 字体加粗属性代码单词:font-weight——《font-weight教程

font-weight加粗粗体常设置值bold

即字体加粗代码:
font-weight:bold

div内文字字体加粗代码:

div{font-weight:bold} 

这样CSS选择器即可让div内文本字体实现加粗粗体显示。

实例一:直接对div内字体加粗实例

1、div字体加粗实例代码

<!DOCTYPE html> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css div字体加粗 字体粗体实例</title>
<style>
div{ font-weight:bold}
</style>
</head>
<body>
<div>常常对font-weight设置bold实现文字加粗粗体</div>
<p>我在p标签内</p>
</body>
</html>

2、实例效果截图:


div字体教程实例截图

实例二:使用class或id设置指定div内文本加粗

1、使用class或id设置div内字体粗体示例代码

<!DOCTYPE html> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css div字体加粗实例</title>
<style>
.exp{ font-weight:bold}
</style>
</head>
<body>
<div>我在div内</div>
<div class="exp">我也在div内但使用class设置我字体加粗</div>
<p>我在p标签内</p>
</body>
</html>

2、效果截图


使用class设置字体加粗效果截图

如果要让指定div内文字设置字体加粗,只需要使用class或id设置对应加粗样式即可。

相关标签: 字体 加粗 粗体
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/css/1064.shtml

日期:2016-09-02 15:21:47 来源:www.thinkcss.com 作者:div css

热门点击