node2:/django/mysite/news/templates#cat index.html
<html>
<head>
<title>Index</title>
<link rel='stylesheet' type='text/css' href='/static/news/Css/Index/index.css'/>
</head>
<body>
<h1>布丁运维管理平台</h1>
<!--图片标签-->
<img class="img_bk" src="/static/news/scan.jpg"/>
<!--表单提交-->
<form action="/login/" method="post" >
<table cellspacing="0" cellpadding="0">
<tr>
<td class="td1">用户名:</td>
<td><input type="text" name="username"/></td>
<td class="td3"></td>
<td class="td4"></td>
<tr/>
<tr>
<td class="td1">密码:</td>
<td><input type="password" name="password"/></td>
<td class="td3"></td>
<td class="td4"></td>
<tr/>
<!-- <tr> -->
<!-- <td class="td1">验证码:</td> -->
<!-- <td> <input type='text' name='code' /></td> -->
<!-- <td class="td3"><img src="__APP__/Public/code" οnclick='this.src=this.src+"?"+Math.random()'/></td> -->
<!-- <td class="td4"></td> -->
<!-- </tr> -->
<tr>
<td class="td1"></td>
<td><input type="submit" value="" name="imgLogin" /></td>
<td class="td3"></td>
<td class="td4"></td>
</tr>
</table>
</form>
</body>
</html>
node2:/django/mysite/static/news/Css/Index#cat index.css
* {
margin: 0;
padding: 0;
}
table{
margin: 0 auto;
}
table tr{
text-align:left
}
table tr td{
200px;
padding:100px auto;
padding-top: 10px;
}
.img_bk{
100%;
height:60%;
}
.td1{
100px;
text-align: right;
padding-right: 20px;
}
.td3{
110px;
}
.checktext{
color: #4384BA;
font-size: 15px;
}
input[type="text"]{
180px;
height: 20px;
}
input[type="password"]{
180px;
height: 20px;
}
input[type="button"]{
margin-right: 50px;
70px;
height: 30px;
}
table tr td img{
height: 22px;
margin-top:4px;
}
table input[name="imgLogin"]{
75px;
height: 29px;
background-size:69px 23px;
background-repeat: no-repeat;
margin-left: 50px;
background-image: url(/static/news/login.jpg );
}