css设置粗体的方法

本文主要介绍"css设置粗体的方法",希望能够解决您遇到有关问题,下面我们一起来看这篇 "css设置粗体的方法" 文章。

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

在css中,可以使用“font-weight”属性设置粗体,只需要给元素设置“font-weight:bold|700”样式即可。font-weight属性设置文本的粗细,数字值700等价于bold,当值为bold时,表示定义粗体字符。

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

新建一个HTML页面,并添加HTML结构,然后在body区域添加字体,注意放在一个div里面。

<body>
<div>枯藤老树昏鸦</div>
</body>

接下来就可以在CSS中用font-weight进行加粗设置了,只需要设置bold就可以了。

<style>
div {
    font-weight: bold;
    }
</style>

运行页面以后就可以看到字体被加粗了

css设置粗体的方法

另外font-weight还可以被设置为从100到900的数值,数字越大越粗。

<style>
div {
    font-weight: 100;
    }
</style>

当font-weight被设置为100的时候,字体是最细的

css设置粗体的方法

最后当font-weight被设置为900的时候是最粗的

css设置粗体的方法

关于 "css设置粗体的方法" 就介绍到这。希望大家多多支持编程宝库

怎么在css中设置宋体:本文主要介绍"如何在css中设置宋体",希望能够解决您遇到有关问题,下面我们一起来看这篇 "如何在css中设置宋体" 文章。 css是什么意思css是一种用来表现HTML或XML等文件样式的计算机语 ...