为了账号安全,请及时绑定邮箱和手机立即绑定

哪位大神能把这个制作出来

哪位大神能把这个制作出来

狂四郎 2016-11-23 14:20:41
查看完整描述

3 回答

?
看穿我

TA贡献2条经验 获得超0个赞

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</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="">免费注册</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>

//img1.sycdn.imooc.com//5837dbe200015e5312720043.jpg

你看一下这样可以吗?我也是菜鸟一个。

查看完整回答
反对 回复 2016-11-25
  • ChinaCJM
    ChinaCJM
    个人建议,因为是在同一行显示,所以不用使用那么多的p标签,使用一个p标签就可以了,文字可以用span标签。然后右边部分可以使用列表ul
  • 看穿我
    看穿我
    好,谢谢,下次改进
?
李晓健

TA贡献1036条经验 获得超461个赞

没看出来难点在哪里!!!!

查看完整回答
反对 回复 2016-11-23
点击展开后面1
  • 3 回答
  • 0 关注
  • 1436 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信