js简易月份表

最新推荐文章于 2024-01-04 09:29:32 发布

你你你就你

最新推荐文章于 2024-01-04 09:29:32 发布

阅读量389

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Ga_b_c/article/details/107451711

版权

本文介绍如何使用JavaScript创建一个简单的月份表，通过代码实例展示如何动态生成并展示一年的月份信息。

摘要由CSDN通过智能技术生成

<style>
        * {
   
            margin: 0;
            padding: 0;
        }

        li {
   
            list-style: none;
        }

        .ul1 {
   
            width: 300px;
            height: 450px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            margin: 0 auto;
            margin-top: 50px;
            background:url(img/2.jpg);
            background-size: contain;
            border-radius: 5px 5px 0 0;
        }

        .ul1 li {
   
            width: 80px;
            height: 80px;
            border: 1px solid #C1CDC1;
            text-align: center;
            border-radius: 5px;
        }

        .ul1 .active {
   
            background:url(img/3.jpg);
            background-size: contain;
        }

        .ul1 li h4 {
   
            margin-top: 20px;
        }

        .ul1 li span {
   
            margin-top: 10px;
        }

        .ul2 {
   
            width: 300px;
            height: 50px;
            border-top: 0

最低0.47元/天解锁文章