html修改homepage,homepage.html

Document

body {

position: relative;

min-width: 1200px;

background: #f2f2f2;

}

.title {

width: 100%;

height: 60px;

margin-left: 13px;

/* border: 1px solid red; */

background: white;

line-height: 60px;

border-top: 1px solid #f2f2f2;

}

.a1 {

width: 30%;

height: 300px;

/* border: 1px solid red; */

margin-top: 20px;

background: white;

margin-left: 1%;

float: left;

}

.a1 p {

width: 100%;

height: 50px;

background: white;

color: #999999;

line-height: 50px;

text-indent: 15px;

border-bottom: 1px solid #f2f2f2;

}

.tubiao {

width: 27%;

height: 90px;

/* border: 1px solid red; */

margin-left: 4%;

float: left;

margin-top: 30px;

}

.tubiao:hover {

background: rgb(217, 217, 217);

}

.tubiao img {

width: 80%;

height: 60%;

margin-left: 10%;

margin-top: 10%;

}

.tubiao span {

text-align: center;

font-size: 12px;

line-height: 14px;

margin-left: 30%;

}

.waitevent {

width: 40%;

height: 30%;

/* border: 1px solid red; */

float: left;

margin-top: 7%;

margin-left: 6%;

font-size: 15px;

line-height: 15px;

color: #999999;

text-indent: 10px;

background: #f8f8f8;

}

.waitevent:hover {

background: rgb(217, 217, 217);

}

h2 {

font-size: 30px;

margin-top: 15%;

color: #009688;

}

.right {

width: 35%;

height: 440px;

/* border: 1px solid red; */

margin-top: 20px;

float: right;

margin-right: 1%;

}

.right p {

width: 100%;

height: 50px;

background: white;

color: #999999;

line-height: 50px;

text-indent: 15px;

border-bottom: 1px solid #f2f2f2;

}

table {

width: 100%;

height: 89%;

}

table,

td,

th {

border: 1px solid black;

border-collapse: collapse;

color: #606266;

}

td {

background: #ffffff;

}

#first {

background: #f5f7fa;

}

.last {

width: 35%;

height: 300px;

/* border: 1px solid red; */

float: right;

margin-right: 1%;

position: absolute;

left: 63.8%;

top: 550px;

background: #ffffff;

}

.last p:nth-child(1) {

width: 100%;

height: 50px;

background: white;

color: #999999;

line-height: 50px;

text-indent: 15px;

border-bottom: 1px solid #f2f2f2;

}

.last p:nth-child(2) {

margin-top: 15px;

}

#data {

background: #ffffff;

width: 61%;

margin-left: 1%;

height: 350px;

/* border: 1px solid red; */

float: left;

position: absolute;

top: 400px;

left: 0;

}

#data p {

width: 100%;

height: 50px;

/* border: 1px solid red; */

line-height: 50px;

margin-left: 10px;

}

#data ul {

margin-left: 35px;

position: absolute;

left: 75%;

top: 15px;

}

#data ul li {

width: 15px;

height: 15px;

/* border: 1px solid red; */

border-radius: 50%;

background: #999999;

float: left;

margin-left: 5px;

cursor: pointer;

}

#data strong {

margin-left: 10px;

}

#opation {

position: absolute;

left: 10px;

top: 500px;

width: 700px;

height: 250px;

}

首页

快捷方式

方式一

方式二

方式三

方式四

方式五

方式六

代办事项

待跟进学员

66

待跟进院校

166

待审核

666

待缴费

66666

数据预览

年度月份报名量

最近缴费

	姓名				毕业院校			电话
1	王小虎				北京大学			18438593600
2	王小虎				北京大学			18438593600
3	王小虎				北京大学			18438593600
4	王小虎				北京大学			18438593600
5	王小虎				北京大学			18438593600
6	王小虎				北京大学			18438593600
7	王小虎				北京大学			18438593600
8	王小虎				北京大学			18438593600
9	王小虎				北京大学			18438593600
10	王小虎				北京大学			18438593600

最新动态

       一直以来, 量子矩阵OA就是整个OA界最神秘, 最强大的OA产品. 强大到什么程度呢?开发者都说不上来...^_^O(∩_∩)O哈哈~

       喜报: 量子矩阵获得教育部高等教育司2019年度首批产学合作协同育人项目单位

       喜报: 量子矩阵获得教育部高等教育司2019年度首批产学合作协同育人项目单位

       喜报: 量子矩阵获得教育部高等教育司2019年度首批产学合作协同育人项目单位