<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3-12</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
body{
/*测试背景图*/
/*background: url('https://pic.qiantucdn.com/58pic/20/10/32/29w58PICisP_1024.jpg!/fw/1024/watermark/url/L2ltYWdlcy93YXRlcm1hcmsveGlhb3R1LnBuZw==/align/center')no-repeat;*/
border: none;
}
a{
text-decoration: none;
}
li{
list-style: none;
}
.cent{
width: 1200px;
height: 800px;
margin:30px auto;
box-shadow:0px 0px 20px #ccc;
overflow: hidden;
}
.weibo{
width: 80px;
height: 26px;
margin:20px auto;
background: url('./p1.jpg')no-repeat -362px -72px;
}
.weibo:hover{
background: url('./p1.jpg')no-repeat -362px -113px;
}
.face{
text-align: center;
width: 100px;
height: 100px;
margin:20px auto;
}
.face img{
width: 100px;
height: 100px;
border-radius: 50%;
}
.tab{
width: 400px;
height: 240px;
margin:20px auto;
background: rgba(43,48,44,0.2);
border-radius: 10px;
overflow: hidden;
}
input{
display: block;
width: 300px;
padding:10px 20px;
margin:30px auto;
text-align: center;
}
.news{
width: 376px;
margin:0 auto;
overflow: hidden;
}
.news p{
font-size: 26px;
color:#0f0f0f;
padding: 10px 0;
}
.news li{
height: 32px;
line-height: 32px;
}
.news li a{
color:#050505;
}
.news li a:hover{
color:#494919;
}
</style>
}
</head>
<body>
<div class="cent">
<div class="face"><img src="http://img.qqzhi.com/uploads/2018-11-29/070113647.jpg" alt=""></div>
<div class="weibo"></div>
<div class="tab">
<form action="#" method="post">
<input type="text" name="uname" placeholder="用户名" >
<input type="password" name="pwd" placeholder="密 码">
<input type="submit" value="登录">
</form>
</div>
<div class="news">
<p>企业新闻</p>
<li><a href="">解读成都促进民营经济健康发展7大细则</a></li>
<li><a href="">李后强：高位求进的“江苏策”</a></li>
<li><a href="">他们彰显中国企业力量</a></li>
<li><a href="">数字时代的行业变革</a></li>
<li><a href="">构建全球川商共建共享的价值平台和精神家园</a></li>
</div>
</div>
</body>
</html>