HTML/CSS 新浪注册框

柔光的暖阳◎ 2022-12-31 13:18 85阅读 0赞

### HTML/CSS 新浪登录框 ###

代码：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>sina-register</title>
        <style> .container { width: 300px; height: 28px; box-sizing: border-box; margin: 120px auto; text-align: center; } .first, .second { position: relative; width: 150px; height: 28px; line-height: 28px; font-size: 16px; font-weight: 700; color: #fff; float: left; background-color: rgb(4, 121, 214); } .second { position: relative; width: 150px; height: 28px; float: right; background-color: rgb(236, 236, 236); color: rgb(101, 101, 112) } .first .rectangle { position: absolute; top: 28px; margin-left: -50px; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid rgb(4, 121, 214); } .second img { position: absolute; top: -15px } </style>
    </head>
    <body>
        <div class="container">
            <div class="first">
                <span>注册新浪邮箱</span>
                <span class="rectangle"></span>
            </div>
            <div class="second">
                <span>注册手机邮箱</span>
                <img src="./img/registerNew.gif" alt="">
            </div>
        </div>
    </body>
    </html>

效果：  
![在这里插入图片描述][20201229202355329.gif_pic_left]

[20201229202355329.gif_pic_left]: /images/20221120/10ccd9151cde4bc4bff7bb5f22081f80.png

发表评论取消回复

表情：

评论列表（有 0 条评论，85人围观）

还没有评论，来说两句吧...

相关阅读

相关新浪微博

\import <Social/Social.h> \import <ACCOUNTS/ACAccount.h> - (IBAction)Tou

ゝ一纸荒年。/ 2023年10月08日 11:59/ 0 赞/ 84 阅读

相关新浪导航栏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>新浪导航栏</title>

逃离我推掉我的手/ 2023年06月15日 04:53/ 0 赞/ 25 阅读

相关 htmlcss使用及html5新特性笔记整理

【html基础】 Hyper text markup language 超文本标签语言。不是一种编程语言，而是一种标记语言标记语言是一套标记标签开发工具

女爷i/ 2023年03月03日 05:59/ 0 赞/ 19 阅读

相关 php抓取新浪新闻,新浪新闻采集程序

利用正则表达式提取内容信息<?php //error\_reporting(0); $date=date("Ymd"); //echo $date; $url="htt

缺乏、安全感/ 2023年01月16日 06:45/ 0 赞/ 258 阅读

相关 HTML/CSS 新浪注册框

HTML/CSS 新浪登录框代码： <!DOCTYPE html> <html lang="en"> <head> <

柔光的暖阳◎/ 2022年12月31日 13:18/ 0 赞/ 86 阅读

相关 dubbo注册中心之一：Multicast（组播）注册中心_晏无心_新浪博客

dubbo的注册中心可以有多种选择实现方式，这里来看的是Multicast（组播）的方式。一、dubbo注册中心是干什么的？个人理解dubbo注册中心就是用来

冷不防/ 2022年12月20日 15:52/ 0 赞/ 386 阅读

相关 dubbo注册中心之三：redis注册中心_晏无心_新浪博客

使用redis作为dubbo的注册中心，主要用到redis的两点功能： 1.key-value的存储 2.发布和订阅的消息机制 [![dubbo注册中心之三：r

我就是我/ 2022年12月20日 15:52/ 0 赞/ 343 阅读

相关 dubbo注册中心之二：zookeeper注册中心_晏无心_新浪博客

dubbo注册中心有多种实现方式，之前写过的multicast（组播）是一种比较简单的方式，zookeeper实现是另一种方式。前面花时间研究了一下zookeep

冷不防/ 2022年12月20日 15:52/ 0 赞/ 173 阅读

相关音乐社交类登录注册htmlcss3+html5模板

[下载地址][Link 1] 一款通用的社交平台网站登录注册表单切换页面模板。支持手机验证码，图片验证码，第三方登录等功能。 ![8832d92220fd03c4fcef1

超、凢脫俗/ 2022年09月14日 00:27/ 0 赞/ 267 阅读

相关注册框

HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"

淡淡的烟草味﹌/ 2022年06月09日 09:09/ 0 赞/ 149 阅读