• 目录

字体大小颜色

阅读量: 633 编辑

字体大小颜色

字体颜色和大小等样式:

  • font-family:'Gill Sans';

  • font-size: 24px;

  • font-weight: bold;

  • color: red;

  • background-color: blue;

一、代码实战

代码的详细解读,可以参考视频教程。

新建 html 文件 04-font.html ,编写下方程序,运行看看效果吧

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>字体</title>

        <style type="text/css">
            .my-font{
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;    
                font-size: 64px;
                font-weight: normal;
                color: red;
                background-color: blue;
            }
        </style>

    </head>
    
    <body>
        <div class="my-font">我是一行文字</div>
    </body>

</html>

  • 目录