> 웹 프론트엔드 > HTML 튜토리얼 > 如何开发手机网页_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 09:48:04
원래의
1289명이 탐색했습니다.

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿