在.header{
height: 120px;
background-image: url(images/top.jpg);
background-repeat: no-repeat;
background-position: 50%;
background-size: auto 120px;
}
.top{
background-color: #333;
height: 40px;
}
/* 设置center里面的大小 水平居中 */
.center{
width: 1226px;
margin: 0 auto;
height: 100%;
font-size: 12px;
}
/* 向左浮动 */
.center .left{
margin-left: 100px;
float: left;
}
/* 对a标签里的字体进行设置 */
.center .left a {
text-decoration: none;
color: #b0b0b0;
}
.left a,
.left span{
margin: 0 auto;
margin-right: 6px;
line-height: 40px;
}
.left a:hover{
color:red;
}
.center .right{
float: right;
}
.right .login{
float: right;
}
.right .shop{
float: right;
}
.center .right a{
text-decoration: none;
color: #b0b0b0
小米商城网页设计
最新推荐文章于 2024-06-10 21:54:00 发布
本文详细探讨了小米商城网页头部的设计过程,重点介绍了如何使用CSS3技术进行样式实现,包括导航栏、logo布局及响应式设计等方面,展示了CSS3在现代网页设计中的应用。
摘要由CSDN通过智能技术生成