前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >简单的生日html

简单的生日html

原创
作者头像
腾龙
发布2023-03-22 10:48:27
1.1K0
发布2023-03-22 10:48:27
举报
文章被收录于专栏:边城码农边城码农

以下是一个简单的生日祝福HTML代码:

代码语言:javascript
复制
html
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>Happy Birthday</title>  
    <style type="text/css">  
        body {  
            font-family: Arial;  
        }  
  
        .container {  
            width: 300px;  
            padding: 16px 48px;  
            background-color: white;  
            margin: 100px auto 60px;  
            border: 1px solid black;  
            box-shadow: 8px 10px 5px #ccc;  
            display: flex;  
            justify-content: center;  
            align-items: center;  
        }  
  
        .card1 {  
            position: relative;  
            top: -32px;  
            left: 50%;  
            transform: translate(-100%);  
            opacity: 0;  
            transition: opacity 1s ease-in-out;  
        }  
  
        .card1:before {  
            content: "XXXXXX";  
            font-size: 36px
z-index: 2;  
            position: absolute;  
            right: 12px;  
            bottom: 2px;  
            cursor: pointer;  
            opacity: 1;  
            transition: opacity 2s ease-in-out;  
        }  
  
        .messageTextArea {  
            overfloPI / 6) \* 16 - 90 + 20;  
          }

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档