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

160 阅读 0 评论 106 点赞

我是靠谱客的博主苹果美女，这篇文章主要介绍怎样用css更改div中的字体大小，现在分享给大家，希望可以做个参考。

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

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

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

示例如下：

复制代码<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>靠谱客(uoften.com)</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>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>靠谱客(uoften.com)</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>
登录后复制