Rumah > Artikel > hujung hadapan web > css里怎样设置字体大小和字体颜色
css里怎样设置字体大小和字体颜色
- WBOYasal
- 2021-11-12 09:25:0510709semak imbas
在css中，可以使用“font-size”和color属性设置字体大小和字体颜色，只需要给字体元素添加“{font-size: 字体大小值;color: 颜色值;}”样式即可。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css里设置字体大小字体颜色的方法：
1、使用font-size属性设置字体的大小
演示代码：
.demo1{font-size: 20px;}示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
.demo1{font-size: 20px;}
.demo2{font-size: 50px;}
</style>
</head>
<body>
<p class="demo1">文字大小1</p>
<p class="demo2">文字大小2</p>
</body>
</html>输出结果：
2、使用color属性设置字体颜色
演示代码：
.demo1{color: #FF0000;}示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
.demo1{color: #FF0000;}
.demo2{color: #0E931C;}
</style>
</head>
<body>
<p class="demo1">文字颜色1</p>
<p class="demo2">文字颜色2</p>
</body>
</html>输出结果：
更多编程相关知识，请访问：编程视频！！
Atas ialah kandungan terperinci css里怎样设置字体大小和字体颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css 怎么去除a标签的手形Artikel seterusnya：css如何固定导航栏