暑期实践——7.21

最新推荐文章于 2024-07-20 21:01:09 发布

YY__111

最新推荐文章于 2024-07-20 21:01:09 发布

阅读量52

点赞数

文章标签： css 前端 html

本文链接：https://blog.csdn.net/YY__111/article/details/131890698

版权

实训案例

CSS代码：

/* 页面全局样式——父元素 */
body{
   font-family: arial;
   font-size: 12px;
   padding: 0px;
   margin: 0px;
   background: #f8f8f8;
}
a{
   text-decoration: none;
}
img{
   border: none;
}
/* 页面主体样式 */
.main{
   width: 1000px;
   margin: auto;
   background: #fff;
   padding: 3px;
}
.matter4{
   width: 100%;
   margin: auto;
   margin-top: 8px;
}
.matter4.info{
   background: url("../images/img_6.jpg")repeat-x;
   width: 100%;
   height: 57px;
   overflow: hidden;
}
.matter4.title{
   background: url("../images/wonderful.png")no-repeat;
   width: 390px;
   height: 57px;
   float: left;
}

.matter4.more{
   background: #a82c8c;
   width: 40px;
   height: 15px;
   float: right;
   text-align: center;
   margin-top: 20px;
   margin-right: 3px;
}
.matter.more a{
   color: #fff;
   font-size: 8px;
}
.matter4.content{
   overflow:hidden;
   padding-left: 10px;
}
.matter4.content.left{
   float: left;
   width: 330px;
   margin-top: 10px;
}
.matter4.content.right{
   width: 660px;
   float: right;
}
.ghtr{
   overflow: hidden;
}
.tp3{
   width: 197px;
   margin: 10px 0px 6px 20px;
   float: left;
   display: inline;
}
.tp3.sbr{
   border: 1px solid#e1dce0;
   padding: 1px;
}
.tp3.jiy{
   color: #9a968d;
   height: 22px;
   line-height: 22px;
}
.tp3.dfr{
   background: url("../images/img_11.jpg")no-repeat;
   width: 187px;
   height: 22px;
   line-height: 22px;
   padding-left: 10px;
}
.sbzl{
   padding-left: 20px;
}