css字体如何加粗


本文摘自PHP中文网,作者藏色散人,侵删。

css字体加粗的方法:首先创建一个HTML示例文件;然后在body中定义一些p标签,并创建一些文字内容;最后通过给字体添加“font-weight”属性来实现加粗效果即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

font-weight 属性设置文本的粗细。

属性说明:

该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

所有主流浏览器都支持 font-weight 属性。

属性可能值:

3bba99f23a02353229a7168ef255234.png

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<html>

<head>

<style type="text/css">

p.normal {font-weight: normal}

p.thick {font-weight: bold}

p.thicker {font-weight: 900}

</style>

</head>

<body>

<p class="normal">This is a paragraph</p>

<p class="thick">This is a paragraph</p>

<p class="thicker">This is a paragraph</p>

</body>

</html>

效果图:

46151ce34ab312c3b7ccbc067885772.png

【推荐学习:css视频教程】

以上就是css字体如何加粗的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css column-rule-width属性怎么用

html和css重难点知识点总结

dreamweaver网页制作使用css样式嵌套方法

css hanging-punctuation属性怎么用

css中如何使用@规则?用法介绍

css文件怎么引入

css如何设置不透明

css图片怎么溢出隐藏

css如何实现底部tapbar栏效果

css中怎么设置图片大小

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...