首頁猿問哪位大神能把這個制作出來

哪位大神能把這個制作出來

CSS3

狂四郎 2016-11-23 14:20:41

查看完整描述

3 回答

看穿我

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個贊

<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>無標(biāo)題文檔</title>
<style>
body,p{margin:0}
a{?text-decoration:none;?}?
.login{width:1200px;?margin:10px?auto;}
.left{float:left}
.right{float:right}

.left?input,.left?p,.left?a{float:left;margin-left:5px;color:#000}
.left?p,.left?a{?font-size:12px;?line-height:20px;?}
.left?input{?width:80px;?height:18px;padding:0;border:1px?solid?#ccc;}
.left?.dl{width:45px;?height:20px;?font-size:12px;?cursor:pointer;background-image:linear-gradient(to?bottom,?#fff,#DCFBFF)}
.right?p,.right?a{float:left;margin-left:5px;color:#000;font-size:12px;}
</style>
</head>

<body>
<div?class="login">
????<span?class="left">
????<p>帳號：</p>
????<input?type="text"?value="">
????<p>密碼：</p>
????<input?type="password"?value="">
????<input?type="submit"?value="登錄"??class="dl">
????<a?href="">忘記密碼</a>
????<p>|</p>
????<a?href="">免費(fèi)注冊</a>
????</span>
????<span?class="right">
????<a?href="">生意寶</a>
????<p>|</p>
????<a?href="">生意社</a>
????<p>|</p>
????<a?href="">交易中心</a>
????<p>|</p>
????<p?style="color:#F89845">ChinaMadevice</p>
????<p></p>
????</span>
</div>
</body>
</html>

你看一下這樣可以嗎?我也是菜鳥一個。

反對回復(fù) 2016-11-25

ChinaCJM
個人建議，因?yàn)槭窃谕恍酗@示，所以不用使用那么多的p標(biāo)簽，使用一個p標(biāo)簽就可以了，文字可以用span標(biāo)簽。然后右邊部分可以使用列表ul

回復(fù) 2016-11-25
看穿我
好,謝謝,下次改進(jìn)

回復(fù) 2016-11-29