问答详情
源自：6-2 先来填用户名和密码 - 文本输入框、密码输入框

请问 form里面的样式怎么写，我想要的结果是登录 界面，需要怎么改呢

<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>登陆界面</title>
<style type="text/css">
         #warp{margin:0 auto;width:1440px;background-color:#fbfbfb;}
   #mainbody{
             border:1px solid #ededed;
       width:512px;
       height:256px;
       margin:0 auto;
       margin-top:150px;
             background-color:#ffffff;}
   #text{
          font-size:20px;
          line-height:240%;
          text-indent:5em;
        }
   #text{font-size:20px;line-height:240%;}
   #top-border{background-color:red;
               width:100%;
      height:3px;
               }
  
</style>
</head>
<body>
  <div id="wrap">
    <div id="text"><strong>汤森路透金融市场展望管理平台</strong></div>
 <div id="top-border"></div><br>
 <div id="mainbody">
    <form>
   邮箱账号：<br>
   <input type="text" name="myname" placeholder="用户名">
   <br>
   密码：<br>
   <input type="password" name="pass" placeholder="密码"><br>
   忘记密码？
   <input type="button" value="登录" onclick="set()">
 </form>
 </div>
  </div>
</body>
</html>

提问者：慕粉2142457299 2017-06-29 14:20

个回答

  • qq_身影_1
    2017-07-03 11:43:17

    <html>

    <head>

    <meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />

    <title>登陆界面</title>

    <style type="text/css">

             #warp{margin:0 auto;width:1440px;background-color:#fbfbfb;}

       #mainbody{

                 border:1px solid #ededed;

           width:512px;

           height:256px;

           margin:0 auto;

           margin-top:150px;

           background-color:#ffffff;}

        #mainbody form{

          margin: 79px 159px;

          background:;

          

        }


       #text{

              font-size:20px;

              line-height:240%;

              text-indent:5em;

            }

       #text{font-size:20px;line-height:240%;}

       #top-border{background-color:red;

                   width:100%;

          height:3px;

                   }

       

    </style>

    </head>

    <body>

      <div id="wrap">

          <div id="text"><strong>汤森路透金融市场展望管理平台</strong></div>

          <div id="top-border"></div><br>

           <div id="mainbody">

              <form method="post" action="#">

                  邮箱账号：<br>

                 <input type="text" name="myname" value="用户名"><br>

        

                    密码：<br>

                 <input type="password" name="pass" value="密码"><br>

                   <a href="" title="忘记密码">忘记密码？</a>

                 <input type="button" value="登录" onclick="set()">

               </form>

          </div>

      </div>

    </body>

    </html>


    0
  • 我要SSR
    2017-06-30 11:33:58

    给个类名，不要直接用标签写样式

    0
  • 自在如风_岛歌
    2017-06-29 14:30:02

    在style里面添加一下

    form{}

    然后将你需要的样式写进去就可以了。

    1
  • 慕设计0051437
    2017-06-29 14:28:22

    在style里面添加一下

    form{}

    然后将你需要的样式写进去就可以了。

    0