HTML/CSS 新浪注册框

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>

效果：

HTML/CSS 新浪注册框相关推荐

DOM--操作元素案例：分时显示不同的图片以及问候语；仿淘宝关闭标签案例；隐藏显示文本框内容；仿新浪注册页面中密码长度的判定
分时显示不同的图片以及问候语分析: 根据不同的时间来判断,所以需要获取到系统的时间. 利用分支语言来设置不同的图片需要更换不同的图片,因此需要操作img的元素src 需要一个div来显示不同问候语 ...
新浪ID.邮箱.新浪注册器::最新免费可用,自己测试
新浪ID.邮箱.新浪注册器::最新免费可用,自己测试本人原创,保证无毒无任何弹出广告之类... 不过技术有限.有需要的朋友可以试下! 或上我的个人网站留言板.留言 . www.wg1wg.com 附 ...
html新浪搜索框,JS+CSS实现仿新浪微博搜索框的方法
本文实例讲述了JS+CSS实现仿新浪微博搜索框的方法.分享给大家供大家参考.具体实现方法如下: JS+CSS仿类似新浪微博搜索框的效果 * { padding:0; margin:0;} body { ...
新浪sina.cn邮箱注册python版
研究了一下新浪邮箱的注册流程,顺手写了个注册机,分享供学习用,请勿用于商业用途. 代码托管地址:https://bitbucket.org/doggod999/ooobj 运行效果图: 运行环境: p ...
新浪与腾讯的开放平台对比
做了金庸问答分别在腾讯和新浪的开放平台上线,了解了一些WEB开发的皮毛,对腾讯和新浪两个开放平台也有了一些认识,下面就我能力范围内对两个平台进行一番比对. 首先说云服务的平台,注意,说的不是开放平台. ...
新浪（NASDAQ：SINA）
新浪(NASDAQ:SINA),是一家网络公司的名称,以服务大中华地区与海外华人为己任,新浪拥有多家地区性网站,通过旗下五大业务主线为用户提供网络服务,网下的北京新浪.香港新浪.台北新浪.北美新浪等覆 ...
新浪一季度金融科技实际收入环比下滑约三成，微博借钱靠转发抽奖吸粉1700万
作者| 莫非来源 | 消金时代原标题 | 新浪一季度金融科技实际收入环比下滑约三成 ,微博借钱靠转发抽奖吸粉1700万用户还款能力下降.催收断供-疫情对消费金融行业造成的负面影响已毋庸置疑. 近 ...
新浪与腾讯的开放平台对比（上）
做了金庸问答分别在腾讯和新浪的开放平台上线,了解了一些WEB开发的皮毛,对腾讯和新浪两个开放平台也有了一些认识,下面就我能力范围内对两个平台进行一番比对. 首先说云服务的平台,注意,说的不是开放平台. ...
CSS盒子模型（border、padding、margin、圆角边框、盒子阴影、文字阴影、新闻列表综合案例、新浪导航栏案例）
1. 网页布局的本质首先利用CSS设置好盒子的大小,然后摆放盒子的位置. 最后把网页元素比如文字图片等等,放入盒子里面. 以上两步就是网页布局的本质 2. 盒子模型(Box Model) 盒子模型 ...

HTML/CSS 新浪注册框

HTML/CSS 新浪登录框

HTML/CSS 新浪注册框相关推荐

最新文章

热门文章