网络版 书皮 格式 代码
<style>
body {
background: #fafafa;
}
.f {
padding-top: 180px;
/*text-align: center;*/
}
.formal {
width: 807px;
height: 880px;
margin: 0 auto;
margin-bottom: 85px;
padding-left: 60px;
padding-right: 60px;
background: #fff;
border-radius: 10px;
/*阴影*/
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.2);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,.2);
position: relative;
}
.formal>h1 {
padding-top: 63px;
margin-bottom: 31px;
text-align: center;
}
.formal>img {
width: 684px;
display: block;
margin: 0 auto;
}
.formal>h6 {
font-size: 18px;
color: #404040;
margin-top: 54px;
margin-bottom: 37px;
font-weight: 700;
}
.formal>p {
text-indent: 2em;
font-size: 16px;
color: #404040;
line-height: 34px;
}
.formal>span {
font-size: 16px;
color: #404040;
position: absolute;
right: 122px;
top: 659px;
z-index: 1;
}
.formal>.img2 {
width: 106px;
position: absolute;
right: 62px;
top: 613px;
}
</style>
<!--主体内容-->
<div class="f">
<div class="formal">
<h1>文章内容</h1>
<img src="images/formal01.jpg" alt=""/>
<img class="img2" src="images/formal02.jpg" alt=""/>
</div>
</div>
云租琴 员工
