CSS3 飘动的云和热气球

最新推荐文章于 2023-02-02 11:12:30 发布

卡夫卡的baby

最新推荐文章于 2023-02-02 11:12:30 发布

阅读量199

点赞数

分类专栏： css3 文章标签： css3

本文链接：https://blog.csdn.net/weixin_72303943/article/details/126047218

版权

CSS3 飘动的云和热气球

html：

<div id="wrap">
        <h1>我的心是旷野的鸟，在你的眼睛里找到了它的天空。</h1>
        <div class="banner"></div>
    </div>

CSS样式：

<title>飘动的云和热气球</title>
    <style>
        body,div,h1{
            margin: 0;
            padding: 0;
        }
        body{
            font: 1em "microsoft Yahei";
            color: #fff;
            background-color: #333;
        }
        a{
            color: #666;
            text-decoration: none;
        }
        a:hover{
            color: #ccc;
        }
        #wrap{
            width: 90%;
            margin: 0 auto;
            padding: 1.25em;
        }
        h1{
            font-size: 2.5em;
            color: lightseagreen;
            text-align: center;
            margin: 1em 0;
        }
        .banner{
            width: 100%;