优课教育网页代码

2401_82499038

于 2024-01-08 09:14:11 发布

阅读量786

点赞数 8

文章标签： python html

本文链接：https://blog.csdn.net/2401_82499038/article/details/135449054

版权

html里的

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>优课教育网站首页</title>
       <link href="css/28.file.css" type="text/css" rel="stylesheet" />
   </head>
   <body>
   <div id="header">
   </div>
   <div id="content">
   </div>
   <div id="footer">
   </div>
   </body>
</html>

css里的

/* 重置浏览器的默认样式 */
*{margin: 0; padding: 0; list-style: none;}
/* 全局控制 */
body{background: #fff9ed; font-family: "微软雅黑"; font-size: 14px;}
a:link,a:visited{text-decoration: none; color: #fff; font-size: 16px;}
#header{
   width: 100%;
   height: 128px;
   background:url(../img/head_bg.jpg) repeat-x;
   border-bottom: 3px solid #d5d5d5;
}
.nav{
   width: 980px;
   margin: 0 auto;
   }
li{float:left;}
li a{
   display: inline-block;
   height: 91px;
   width: 119px;
   text-align: center;
   line-height: 70px;
}
li a:hover{background: url(../img/xuanfu.png) center center;}
#content{
   width: 980px;
   margin: 0 auto;
}
.style_bg{
   width: 908px;
   height: 330px;
   background: #6dbf2d;
   padding: 10px 36px 5px;
}
.style{
   width: 892px;
   height: 314px;
   background: #fff;
   padding: 8px 10px 8px 6px;
}
.style d1{
   width: 279px;
   height: 313px;
   float: left;
   margin-left: 4px;
}
.style .third{width: 322px;}
.style dt,.style dd{float: left;}
.style .left1,.style .left3,.style .center1,.style .center3{width: 162px;}
.style .left2,.style .left4,.style .center2,.style .center4,.style .right2{width: 117px;}
.style .left1,.style .left2,.style .center1,.style .center2{ margin-bottom: 8px;}
.style .left1{
   height: 169px;
   background: url(../img/pic01.jpg) no-repeat;
}
.style .left2{
   height: 169px;
   line-height: 169px;
}
.style .left3{
   height: 137px;
   background: url(../img/pic02.jpg) no-repeat;
   }
.style .left4{
   height: 137px;
   line-height: 137px;
   }
.style .center1{
   height: 117px;
   background: url(../img/pic03.jpg) no-repeat;
}
.style .center2{
   height: 117px;
   line-height: 117px;
}
.style .center3{
   height: 188px;
   background: url(../img/pic04.jpg) no-repeat;
}
.style .center4{
   height: 188px;
   line-height: 188px;
}
.style .right1{
   width: 205px;
   height: 314px;
   background: url(../img/pic05.jpg) no-repeat;
}
.style .right2{
   height: 314px;
   line-height: 314px;
}
.style a{
   display: block;
   background: #f2f2f2;
   text-align: center;
   color: #333;
}
.style a:h