合同模板布局html(3篇).docxVIP

第1篇

!DOCTYPEhtml

htmllang=zh-CN

head

metacharset=UTF-8

metaname=viewportcontent=width=device-width,initial-scale=1.0

title合同模板布局/title

style

body{

font-family:Arial,sans-serif;

line-height:1.6;

margin:0;

padding:0;

background:f4f4f4;

}

.container{

width:80%;

margin:auto;

overflow:hidden;

}

.header{

background:333;

color:fff;

padding-top:30px;

min-height:70px;

border-bottom:e8491d3pxsolid;

}

.headerh1{

display:inline-block;

margin:0;

padding-left:15px;

}

.content{

margin-top:20px;

padding:20px;

background:fff;

border-radius:5px;

box-shadow:0010pxrgba(0,0,0,0.1);

}

.contenth2{

color:333;

}

.content.section{

margin-bottom:20px;

}

.content.sectionh3{

color:e8491d;

}

.content.sectionp{

text-align:justify;

}

.content.table{

width:100%;

border-collapse:collapse;

margin-top:10px;

}

.content.tableth,

.content.tabletd{

border:1pxsolidddd;

padding:8px;

text-align:left;

}

.content.tableth{

background-color:f2f2f2;

}

.content.signature{

margin-top:30px;

text-align:center;

}

.content.signatureh4{

margin:10px0;

}

.footer{

background:333;

color:fff;

text-align:center;

padding:10px;

position:relative;

bottom:0;

width:100%;

}

/style

/he