                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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

源自：初识HTML(5)+CSS(3)-升级版 6-2

关注问题我要回答

1678

操作

收起

4 回答

qq_身影_1
2017-07-03

<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 回复有任何疑惑可以回复我~

#1

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

2017-07-03 回复有任何疑惑可以回复我~

我要SSR
2017-06-30

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

0 回复有任何疑惑可以回复我~

自在如风_岛歌
2017-06-29

在style里面添加一下

form{}

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

1 回复有任何疑惑可以回复我~

慕设计0051437
2017-06-29

在style里面添加一下

form{}

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

0 回复有任何疑惑可以回复我~

#1

慕粉2142457299 提问者

我写的有点乱啊，大神能否给点提示，小白一枚我，┭┮﹏┭┮

2017-06-29 回复有任何疑惑可以回复我~

#2

慕设计0051437

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

2017-06-29 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225316 人
解答问题 18230 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

5 回答我想要呈现方式是这样的应该怎么改这个代码呢？

1 回答用户名、密码登录？要怎么样才能登录呢。还需要进一步高人指点！

5 回答怎样才触发form里面的action，在form里面任意一个元素改变就触发吗？还是要点击按钮？

2 回答知乎登录界面

4 回答为什么这里面的name的值不需要一样？

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载