程序猿的中秋原来可以这样过

简介: 程序猿的中秋原来可以这样过

代码还可以这样玩

作为一名程序员,不以代码来庆祝一下中秋,实在说不过去,那就浅浅的用HTML+CSS给大家献个丑!顺便送上我的祝福!


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>
</head>
<body>
    <div class="moon"></div>
    <div class="zhufu">
        <p>佳期将近,<br>愿你登高台,<br>摘星辰,<br>抖落光阴尘埃,<br>归来仍如明月般光辉灿烂!</p>
    </div>
</body>
</html>

CSS代码

<style type="text/css">
    body{
        background: url(img/bbb.jpeg) no-repeat;
        background-size: cover;
    }
    .moon { 
        position: absolute;
        top:100px;
        left:150px;
        right:0;
        bottom:0;
        width:100px;
        height:100px;
        border-radius:50%;  
        background:white;
        opacity:0.9;    
        box-shadow: 0px 0px 40px 15px white;
        z-index:1;
    }   
    .zhufu{
        position: absolute;
        top:200px;
        right:100px;
        color: yellow;
        font-size: 32px;
    }    
</style>

image.png

相关文章
|
程序员
1024 程序员节日快乐!
Hello,Code! ​ ![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/column/article/5877188/20231031-8104906a.png?x-cos-security-token=kcWkaWALSQ5t0gKzZRkVwYOOBJMLQ8Ra6311bdbd5c3b668fc3ce8dc9885ad3482ct0qMmH-Si3jPfLmVc91vfQFPDYKn_Vy32fezoXu3Cu56qz0VmVHveyO_eXeKU2nbsSczjyZxta
103 0
1024 程序员节日快乐!
|
程序员
程序猿也浪漫
程序猿也浪漫
|
数据采集 数据挖掘 程序员
【每周一坑】程序猿的浪漫
长久以来,大家对程序员的印象是“呆板”、”内向”等,殊不知他们也有浪漫的一面。把找不到对象归因于职业性质,这个锅,面向对象的编程语言不背!(但这个报道真不是来黑程序员的吗……)
|
前端开发 程序员 C#
第72个儿童节,程序猿“童”样精彩~
第72个儿童节,程序猿“童”样精彩~
131 1
第72个儿童节,程序猿“童”样精彩~
|
存储 算法 程序员
想当程序猿?或许你需要这个书单-程序猿修炼之路(上)
转眼间暑假就快到了。与其咸鱼懒得翻身,还不如坐下来,静下心找几本书安安静静看完。那么,小编在这里给大家推荐几本程序猿的练级攻略吧。
148 0
想当程序猿?或许你需要这个书单-程序猿修炼之路(上)
|
程序员 数据库
想当程序猿?你需要这个-程序猿修炼必备书单(下)
继上次书单以后,再次来给大家强推一波书单啦。这样暑假大家就不会再寂寞了。嘿嘿嘿……这些书都是经典中的经典,若能静下心来好好读一读,想必收获必然是无限大的!
132 0
想当程序猿?你需要这个-程序猿修炼必备书单(下)
|
程序员 网络架构
过年回家,程序猿最怕的5件事
时间过得真快啊,一月接一月,一年又一年。程序猿工作繁忙,每天游离于代码之间,似乎已经忘记了时间的流淌。
过年回家,程序猿最怕的5件事
|
前端开发 JavaScript 程序员
DayDayUp:2018年06月07日高考必胜:程序猿的方式祝福莘莘学子高考必胜!
DayDayUp:2018年06月07日高考必胜:程序猿的方式祝福莘莘学子高考必胜!
DayDayUp:2018年06月07日高考必胜:程序猿的方式祝福莘莘学子高考必胜!