京东每日特价专栏仿写京东每日特价专栏仿写
关于图片素材,在京东官网(注意是www.jd.com不是global.jd.com)可以找到,找不到的话留言我私发给你。
一、代码一、代码
* {
padding: 0;
margin: 0;
list-style: none;
}
.container {
/*设置总体大小*/
margin: 50px 200px;
width: 400px;
height: 600px;
position: relative;
}
.top {
height: 50px;
/*顶部区域*/
}
.bland {
/*每日特价*/
color: black;
font-weight: bold;
width: 100px;
float: left;
}
.top ul {
float: left;
width: 300px;
}
#tab li {
/*五个菜单*/
float: left;
margin-right: 20px;
color: #999;
height: 30px;
line-height: 30px;
cursor: pointer;
}
.on {
/*下划线*/
border-bottom: 2px solid red;
}
#content {
/*存放所有图片*/
height: 200px;
width: 400px;
}
.pic {
/*包含单个菜单的图片*/
display: block !important;
/*不加!important会失效*/
height: 270px !important;
}
/* id的优先级大于class,!important的优先级最高 */
评论0