如何开发手机网页_html/css_WEB-ITnose-html教程-PHP中文网

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

php中文网

发布： 2016-06-21 09:48:04

原创

1417人浏览过

如图所示，想写一个适应当前主流手机的网页，界面是这样子的，该怎么实现呢？主要是微博登陆和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>

登录后复制

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

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

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

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