如何用css更改div中的字体大小

本篇内容主要讲解“如何用css更改div中的字体大小”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何用css更改div中的字体大小”吧!

在css中,可以利用“font-size”属性更改div中的字体大小,该属性的作用就是设置元素的字体大小,只需要给div元素添加“font-size:字体大小值;”样式即可。

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

怎样用css更改div中的字体大小

可以通过font-size属性更改div中的字体大小,font-size 属性用于可设置字体的尺寸。

示例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>亿速云(php.cn)</title>
<style>
.div1{font-size:250%;}
.div2{font-size:100%;}
</style>
</head>
<body>
    <div class="div1">div中的字体大小设置</div>
    <div class="div2">div中的字体大小设置</div>
</body>
</html>

输出结果:

如何用css更改div中的字体大小

到此,相信大家对“如何用css更改div中的字体大小”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!