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

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

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

慕粉2142457299

2017-06-29 14:20

<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>

写回答关注

4回答

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>

1 0

qq_身影_...

在css样式中，添加一个#mainboy form{},在{}添加你想要的css属性

2017-07-03 11:44:38

共 1 条回复 >
我要SSR

2017-06-30 11:33:58

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

0 0
自在如风_岛歌

2017-06-29 14:30:02

在style里面添加一下
form{}
然后将你需要的样式写进去就可以了。

0 1
慕设计0051437

2017-06-29 14:28:22

在style里面添加一下
form{}
然后将你需要的样式写进去就可以了。

2 0

慕设计005...

<style> form{ color :red;/*这个是设置form里面字体颜色为红色*/ } </style> 像这样添加，我也才刚刚学习。一起努力

2017-06-29 15:33:01

共 2 条回复 >