用HTML语言制作一个非常浪漫的生日祝福网，手把手教你制作炫酷生日祝福网页 (2)

最新推荐文章于 2024-09-02 09:11:31 发布

IT黑马程序员

最新推荐文章于 2024-09-02 09:11:31 发布

阅读量946

点赞数 10

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/qq_38513433/article/details/136648866

版权

一、📚网页介绍

明天就是女朋友的生日了, 是时候展现专属于程序员的浪漫了！你打算怎么给心爱的人表达爱意？鲜花礼物？代码表白？还是创意DIY？或者…无论那种形式，快来秀我们一脸吧！

二、🎀网页效果

▶️视频演示

HTML生日祝福网页制作（粉色主题）程序员专属生日表白网站

🌈图片演示

在这里插入图片描述

三、🏙️网页代码

💬注:以下代码为部分演示,如需完整源码请看文章末尾

🧱HTML代码




<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>生日快乐</title>
    <link rel="stylesheet" type="text/css" href="css/index.css" />
  </head>
  <body>
    <div class="htmleaf-container">
      <div class="wrapper">
        <div class="container">
          <h1>生日快乐</h1>

          <form class="form">
            <input
              id="userName"
              name="userName"
              type="text"
              value=""
              placeholder="姓名"
            />
            <input id="pwd" name="pwd"