如何开发手机网页_html/css_WEB-ITnose-tutoriel HTML-php.cn

如何开发手机网页_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-21 09:48:04

original

1287 Les gens l'ont consulté

如图所示，想写一个适应当前主流手机的网页，界面是这样子的，该怎么实现呢？主要是微博登陆和QQ登陆那两个按钮不知道怎么实现。

回复讨论(解决方案)

要是微博登陆和QQ登陆那两个按钮不知道怎么实现。

利用css加a标签，模拟成button就ok了

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Script-Type" content="text/javascript"><meta http-equiv="Content-type" content="text/html;charest=UTF-8"><title></title><style type="text/css">#login{position: relative;}.weibo{margin:0px 30px;}span.aaa{	position: absolute;	right:10px;	top:50%;	width:20px;	height:20px;	margin-top:-10px;}span.aaa em, span.aaa i{	position: absolute;	left: 5px;	border-color: rgba(255,255,255,0);	border-style: solid;	border-width: 10px 0 10px 10px;	border-left-color: #aaa;}span.aaa i{	left:0;	border-left-color: #FFF;}</style></head><body><div id="login">	<div class = "weibo">微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆微博登陆</div><span class = "aaa"><em></em><i></i></span></div></body></html>

Copier après la connexion

只写了一个微博登陆的那块，自己改改，应该是可以的。

至于左边的微博的图片，你就在.weibo这个class里面，添加背景就行了，让背景居左。

你邮箱是多少？我这儿有个例子，给你发过去

你邮箱是多少？我这儿有个例子，给你发过去
crytoll@163.com