千年之恋源代码

最新推荐文章于 2024-04-29 09:17:59 发布
最新推荐文章于 2024-04-29 09:17:59 发布
阅读量211 收藏
点赞数 5
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_80106709/article/details/135033622
版权

<!doctype html>

<html>

 

<head>

 <meta charset="utf-8">

 <title>千年之恋</title>

 <style type="text/css">

  * {

   margin: 0;

   padding: 0;

   list-style: none;

   outline: none;

   border: 0;

   background: none;

  }

 

  body {

   font-family: "微软雅黑";

   font-size: 14px;

  }

 

  a:link,

  a:visited {

   text-decoration: none;

   color: #fff;

   font-size: 16px;

  }

 

  #header {

   width: 980px;

   height: 70px;

   margin: 0 auto;

   padding-top: 20px;

  

  }

 

  #nav_bg {

   width: 100%;

   height: 48px;

   background: #fe668f;

  }

 

  .nav {

   width: 980px;

   margin: 0 auto;

  }

 

  .nav li {

   float: left;

  }

 

  a {

   display: inline-block;

   height: 48px;

   padding: 0 50px;

   line-height: 48px;

  }

 

  .bg {

   background: #fe9ab5;

  }

 

  #banner {

   width: 980px;

   margin: 0 auto;

  }

 

  #content {

   width: 930px;

   height: 934px;

   background: url(img/content_bg.jpg) no-repeat;

   margin: 0 auto;

   padding-left: 150px;

  }

 

  .step {

   width: 454px;

 

   height: 80px;

  

   font-size: 20px;

   

   font-weight: 100;

   

   color: #dd8787;

   background: url(img/step.jpg) center right no-repeat;

   line-height: 80px;

   

  }

 

  h3 {

   width: 444px;

   

   height: 45px;

   

   font-size: 20px;

   

   font-weight: 100;

   

   color: #dd8787;

line-height: 45px;
            
            border-bottom: 1px solid #dd8787;
        }

        td {
            height: 50px;
            
            color: #dd8787;
            
        }

        .left {
            width: 120px;
            
            text-align: right;
            
        }

        .right {
            width: 320px;
            height: 28px;
            border: 1px solid #dd8787;
        }

        input {
            vertical-align: middle;
        }

        select {
            width: 171px;
            border: 1px solid #dd8787;
            color: #aaa;
        }

        textarea {
            width: 380px;
            border: 1px solid #dd8787;
            resize: none;
            font: 12px;
            color: #aaa;
            padding: 20px;
                    }

        .btn {
            width: 409px;
            height: 76px;
            background: url(img/btn.jpg) right center no-repeat;
        }

        #footer {
            width: 100%;
            height: 68px;
            line-height: 26px;
            background: #de668f;
            color: #fff;
            text-align: center;
            padding-top: 40px;
        }
    </style>
</head>

<body>
    <div id="header">
        < img src="img/logo.jpg"/>
    </div>
    <div id="nav_bg">
        <ul class="nav">
            <li><a href=" ">首页</a ></li>
            <li><a href="#">会员</a ></li>
            <li><a href="#">活动</a ></li>
            <li><a href="#">直播</a ></li>
            <li><a href="#">视频</a ></li>
            <li><a href="#" class="bg">注册</a ></li>
        </ul>
    </div>
    <div id="banner">
        < img src="img/banner.jpg"/>
    </div>
    <div id="content">
        <h2 class="step">注册信息：</h2>
        <form action="#" method="post" class="one">
            <h3>您的账号信息：</h3>
            <table class="content">
                <tr>
                    <td class="left">
                        注册方式：
                    </td>
                    <td>
                        <label for="one"><input type="radio" name="sex"
                                id="one" />E-mail注册</label>&nbsp;&nbsp;&nbsp;&nbsp;
                        <label for="two"><input type="radio" name="sex" id="two" />手机号码注册</label>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        注册邮箱：
                    </td>
                    <td>
                        <input type="text" class="right" />

</td>
                </tr>
                <tr>
                    <td class="left">
                        注册手机：
                    </td>
                    <td>
                        <input type="text" class="right" />
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        登录密码：
                    </td>
                    <td>
                        <input type="password" maxlength="8" class="right" />
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        昵称：
                    </td>
                    <td>
                        <input type="text" class="right" />
                    </td>
                </tr>
            </table>
            <h3>您的个人信息：</h3>
            <table class="content">
                <tr>
                    <td class="left">
                        性别：
                    </td>
                    <td>
                        <label for="boy"><input type="radio" name="sex" id="boy" />男</label>&nbsp;&nbsp;&nbsp;&nbsp;
                        <label for="girl"><input type="radio" name="sex" id="girl" />女</label>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        学历：
                    </td>
                    <td>
                        <select>
                            <option>-请选择-</option>
                            <option>中职/高中</option>
                            <option>专科/本科</option>
                            <option>硕士研究生</option>
                            <option>博士研究生</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        所在城市：
                    </td>
                    <td>
                        <select>
                            <option>-请选择-</option>
                            <option selected="selected">北京</option>
                            <option>上海</option>
                            <option>广州</option>
                            <option>深圳</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        兴趣爱好：
                    </td>
                    <td>
                        <input type="checkbox" />足球&nbsp;&nbsp;&nbsp;
                        <input type="checkbox" />篮球&nbsp;&nbsp;&nbsp;
                        <input type="checkbox" />游泳&nbsp;&nbsp;&nbsp;
                        <input type="checkbox" />唱歌&nbsp;&nbsp;&nbsp;
                        <input type="checkbox" />跑步&nbsp;&nbsp;&nbsp;
                        <input type="checkbox" />瑜伽
                    </td>
                </tr>
                <tr>
                    <td class="left">
                        自我介绍：
                    </td>
                    <td>
                        <textarea cols="60" rows="8">评论的时候，请遵纪守法并注意语言文明，多给文档分享人一些支持。</textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="button" class="btn" />
                    </td>

</tr>

   </table>

  </form>

 </div>

 <div id="footer">

  <p>Copyright 20

   06-2016 QIANNIANZHILIANcom, ALL rights reserved.<br />2001-2018,版权所有 千年之恋 85cp 备 13385453</p >

 </div>

</body>

 

</html>

<title>千年之恋</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            list-style: none;
            outline: none;
            border: 0;
            background: none;
        }

        body {
            font-family: "微软雅黑";
            font-size: 14px;

        }

        a:link,
        a:visited {
            text-decoration: none;
            color: #fff;
            font-size: 16px;
        }

        #header {
            width: 980px;
            height: 70px;
            margin: 0 auto;
            padding-top: 20px;
        }

        #nav_bg {
            width: 100%;
            height: 48px;
            background: #fe668f;
        }

        .nav {
            width: 980px;
            margin: 0 auto;
        }

        .nav li {
            float: left;
        }

        a {
            display: inline-block;
            height: 48px;
            padding: 0 50px;
            line-height: 48px;

        }

        .bg {
            background: #fe9ab5;
        }

        #banner {
            width: 980px;
            margin: 0 auto;
        }

        #content {
            width: 930px;
            height: 934px;
            background: url(img/content_bg.jpg) no-repeat;

            margin: 0 auto;
            padding-left: 150px;
        }

        .step {
            width: 454px;
            height: 80px;
            font-size: 20px;
            font-weight: 100;
            color: #dd8787;
            background: url(images/step.jpg) center right no-repeat;
            line-height: 80px;
        }

        h3 {
            width: 444px;
            height: 45px;
            font-size: 20px;
            font-weight: 100;
            color: #dd8787;
            line-height: 45px;
            border-bottom: 1px solid #dd8787;
        }

        td {
            height: 50px;
            color: #dd8787;
        }

        .left {
            width: 120px;
            text-align: right;
        }

        .right {
            width: 320px;
            height: 28px;
            border: 1px solid #dd8787;
        }

 input {

   vertical-align: middle;

  }

 

  select {

   width: 171px;

   border: 1px solid #dd8787;

   color: #aaa;

  }

 

  textarea {

   width: 380px;

   border: 1px solid #dd8787;

   resize: none;

   font: 12px;

   color: #aaa;

   padding: 20px;

  }

 

  .btn {

   width: 409px;

   height: 76px;

   background: url(images/btn.jpg) right center no-repeat;

  }

 

  #footer {

   width: 100%;

   height: 68px;

   line-height: 26px;

   background: #de668f;

   color: #fff;

   text-align: center;

   padding-top: 40px;

  }

 </style>

2301_80106709
关注
  • 5
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
千年之恋作业.zip
05-11
网页设计作业，运用了css表单，css样式，制作“banner”及其模块，在编辑过程中要注意主体结构，完成一部分之后要一步步检测，防止错误
千年完整代码888888888888.rar
04-09
千年完整代码.rar
千年之恋网页图片素材
12-20
千年之恋网页图片素材
网页制作千年之恋.rar
08-14
一个HTML+CSS开发的注册页面，适合前端初学者
千年之恋_html千年之恋_HTML5_CSS3源码_千年_千年之恋_千年之恋代码_
10-04
利用HTML语言和CSS编写程序，实现一个简单的相亲网站
【Web前端】千年之恋注册页面——源代码展示
Brant_zero的博客
06-25 1万+
本篇文章我们来实现一个千年之恋的登录注册页面(仅使用了HTML+CSS)，这个案例充分使用到了表单标签，这对于刚学习表单标签的朋友练习难度刚刚好，接下来我们来看看如何实现这个页面的效果吧。(需要源码和素材的直接私聊我) ​​​​​​...
千年之恋HTML+CSS
m0_74632977的博客
12-15 3724
千年之恋HTML+css代码分享
“千年之恋”注册页面制作
满天星的博客
02-09 2324
“千年之恋”注册页面制作
千年之恋网页
热门推荐
m0_45394874的博客
10-16 1万+
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset = utf-8"/> <title>千年之恋</title> <link rel="stylesheet" href="css/style06.css" type="text/css"/> </head> &l...
《网页设计与制作项目教材》-Chapter06千年之恋 -20210605
Season CSDN博客
06-05 5277
注意表单的使用 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/htm
千年注册页面
05-30
千年游戏注册系统，ASP编写，连接sql数据库，非常实用免费
网页设计HTML和css(6)
weixin_44795592的博客
11-21 382
css 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜...
C# winfrom WebRequest获取html网页信息 引用using
emowuyi
12-22 209
private string GetHtmlinfo(string PageUrl) { WebRequest request = WebRequest.Create(PageUrl); WebResponse response = request.GetResponse(); Stream resStream = response.GetResponseStream();...
千年之恋(F.L.R)
w_tE4'S BLog
05-02 1643
第一次试听可能会有断续，请稍侯，第二次重播就会很流畅
F.I.R.新歌《千年之恋》曲 ...　
网游天涯，人在海角
04-22 889
曲名：千年之恋     歌手：飞儿乐团     专辑：无限 ＃竹林的灯火　岛国的沙漠 七色的国度 不断飘逸风中 　有一种神秘　灰色的漩涡　将我卷入了迷雾中 　看不清的双手　一朵花传来　谁经过的温柔 ＊穿越千年的伤痛　只为求一个结果 　你留下的轮廓 指引我　黑夜中不寂寞 　穿越千年的哀愁　是你在尽头等我 　最美丽的感动会值得　用一生守候
用Boost:regex库进行网页分析源代码【转】
assdg2015的博客
12-25 2540
经过今天时间对bnoost的学习，特别是对regex 库的熟悉，完成了批量下载的boost.regex版（此前还有字符匹配＋线程类版本，shell版本），功能很强，但如果需要完成具体任务，需要添加不少控制代码（此处略，可能以后会加上）。 功能：利用regex进行网页分析，稍加运用，即可用于批量下载，可用于资源手机，包括手机图片，彩信彩图，彩信铃声，flash小游戏（具体方法您自己捉摸，...
千年之恋
weixin_30321449的博客
04-22 1447
指我和字符编码。 今天写文档，需要把所有源码填到一个Word文档里，因为一个一个打开复制很麻烦，于是打算用Python弄。 当然最后花了更多的时间。 也是可以预见的。 1 #encoding:utf-8 2 import os 3 4 dir = r'C:\Users\mlxy\workspace\Project\src' 5 6 def fe...
这是一个简单的照明材料网站，后续还会更新
最新发布
m0_64180190的博客
04-29 2174
产品中心|联系方式|新闻动态网页首页|产品中心|联系方式|新闻动态
千年之恋网页制作代码
10-28
根据提供的引用内容，千年之恋网页制作代码是一个使用HTML和CSS实现的登录注册页面。这个案例充分使用到了表单标签，对于刚学习表单标签的朋友练习难度刚刚好。如果你对前端开发感兴趣，可以去练习一下这个页面的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值