【国庆篇】用html5简单制作一个国旗

用html5简单得制作一个国旗；目光所至，皆华夏，五星闪耀，皆信仰，祝祖国繁荣昌盛！

天寒雨落

4825人浏览 · 2022-10-01 21:19:13

天寒雨落 · 2022-10-01 21:19:13 发布

个人主页：天寒雨落的博客_CSDN博客-C,CSDN竞赛,python领域博主

💬 刷题网站：一款立志于C语言的题库网站蓝桥杯ACM训练系统 - C语言网 (dotcpp.com)

特别标注：该博主将长期更新c语言内容，初学c语言的友友们，订阅我的《初学者入门C语言》专栏，关注博主不迷路！

废话不多说，直接上代码

代码：

<!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">
        *{
            margin:0; padding:0; border:0;
        }
        body { 
            text-align:center;
        }
        .flag {
            width:700px;
            height:500px; 
            position:absolute;
            top:27%; 
            left:28%; 
            margin-top: -180px;
            background-color:#FF0000; 
            color:#FFFF00;}
        
        div {
            font-size:45px;
        }
        
        .bs { 
            height:340px;
            width:140px;
            float:left;
            display:inline;
            margin-top:60px;
            margin-left:25px;
            font-size:120px;
        }
        
        .s {
            float:left;
            margin-top:5px;
            margin-left:-10px;
            }
        
        .s1 {
             padding-top:20px;
            }
        
        .s2 , .s3 {
             padding-left:50px;
            }
        
        .star3 {
             margin-top:7px;
            }
        
        .s1 ,.s2 ,.s3 ,.s4 {
             margin-left:10px;
            }
        
        .s1 {
             margin-top:10px;
            }
        p{
            margin-top: 520px;
            font-size: 40px;
            color: #FF0000;
            font-family:KaiTi;
        }
        </style>
</head>
<body>  
        <div class="flag">
        
        <div class="bs">★</div>
        
        <div class="s">
        
        <div class="s1">★</div>
        
        <div class="s2">★</div>
        
        <div class="s3">★</div>
        
        <div class="s4">★</div>
        
        </div>
        
        </div>
        <p>国庆节快乐！</p>
</body>
</html>