觉醒年代接上文HTML

CJL_lll

已于 2022-12-21 18:26:24 修改

阅读量79

点赞数

文章标签： css 前端 css3

于 2022-12-21 18:15:14 首次发布

本文链接：https://blog.csdn.net/CJL_lll/article/details/128400393

版权

body,
ul,
li,
input,
h1,
h2,
h3,
h4,
nav,
div,
p {
   margin: 0;
   padding: 0;
}
a {
   text-decoration: none;
}

ul,
li,
ol {
   list-style: none;
}
#top{
   width: 1200px;
       height:42px;
       line-height: 42px;
       margin: 0 auto;
}
#top_left {
   float: left;
}
#top_right {
   float: right;
}
.clearfix {
   clear: both;
}
#top ul li {
   float: left;
   margin-right: 20px;
}
#top ul li a {
   color: #666666;
   font-size: 14px;
}
#banner {
   width: 100%;
   height:290px;
   background-image: url(.././img/9.jpeg);
   background-size: 100% 289px;
}
#nav_bg{
   width:137%;
   height:44px;
   line-height:20px;
   background:url(.././img/21.jpg) repeat-x left center;
}
nav{
   width:1191px;
   margin:0 auto;
   font-size:50px;
}
nav li{
   display:inline-block;
   width:100px;
   text-align:center;
}
nav li:nth-child(4){
   width:140px;
}
nav a {
   font-weight: bold;
   font-size: 18px;
   color: #FFf8d6;
}

nav a:hover {
   color: #7d2a00;
}
#main {
   width: 974px;
   margin: 0 auto;
   margin-top: 30px;
   overflow: hidden;
   line-height: 0px;
}

#news {
   width: 650px;
   float: auto;
}
h3 {
   wdith: 216%;
   height: 44px;
   line-height: 40px;
   color: #ffffff;
   background: #ec8c25 url(../img/21.jpg) no-repeat left center;
   font-size: 28px;
   text-indent:13px;
   margin-top: 457px;
   margin-bottom: -4px;
}
.img_bar {
   width: 100%;
   height:40px;
   line-height: 48px;
   color: #ffffff;
   background: #ec8c25 url(../img/20bg.jpg) no-repeat left center;
   font-size: 26px;
   text-indent: 10px;
   margin-top: 0px;
   margin-bottom: 1px;
}
h2 {
   width: 111%;
   font-size: 17px;
   margin-top: 42px;
   margin-bottom: 24px;
   font-weight: normal;
   margin-left: 50px;
   color: #7d2a00;
   line-height: 7px;
   font-weight: 100;
}

#main h2 a {
color: #000;
}

#main h2 a:hover {
   color: #ff0000;
}
.news_list {
   border-bottom: 1px dashed #ccc;
   padding-bottom: 17px;
}

.news_list li {
   height: 72px;
   line-height: 23px;
   background: url(../img/arrow.jpg)no-repeat left center;
   text-indent: -3px;
}

.news_list li a {
   color: #333333;
   font-size: 14px;
}
.new_list li a:hover {
   color: #ec8c25;
}

.news_list2 {
   margin-top: 112px;
   float: right;
   font-size: 14px;
}
.news_list2 li {
   background: url(../img/vidicon.gif) no-repeat left center;
   height: 26px;
   line-height: 6px;
   text-indent: 20px;
   margin-right: -294px;
}
.news_list2 li a {
   font-size: 14px;
   color: #333333;
}

.news_list2 li a:hover {
   color: #ec8c25;
}
#origin {
   width: 789px;
   margin: 0px auto;
   pverflow: hidden;
   height: 912px;
   line-height: 31px;
   text-indent: 102px;
   image-rendering: auto;
}

#origin ul {
margin-top: 20px;
}

#origin li {
   float: left;
   width: 550px;
   margin-right: 50px;
   text-align: center;
}

#origin li:nth-child(5) {
margin-right: 0;
}

#origin li a {
color: #333333;
font-weight: bold;
}

#origin li a:hover {
color: #EC8C25
}

footer {
   width: 1000px;
   margin: 0px auto;
   padding-top: 18px;
   border-top: 1px solid #666;
   line-height: 30px;
}

footer p {
   width: 780px;
   margin: 0px auto;
   pverflow: hidden;
   height: 30px;
   text-indent: -96px;
   image-rendering: auto;
}

   *{box-sizing: border-box;}
   .row .col {
   float: left;
   width: 100%;
   border: 10px solid #fff;
   }