44 lines
1.0 KiB
CSS
44 lines
1.0 KiB
CSS
body,
|
|
ul,
|
|
li,
|
|
p {
|
|
margin: 0%;
|
|
padding: 0%;
|
|
}
|
|
/* 清除样式 */
|
|
li {
|
|
overflow: hidden;/* 清除li标签样式 */
|
|
float: left;/* 浮动居左 */
|
|
width: 79px;/*设置高度79px */
|
|
line-height: 50px;/*设置单行文字垂直对齐 */
|
|
text-align: center;/*设置单元格内对齐 */
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a {
|
|
text-decoration: none;/* 清除a标签样式 */
|
|
}
|
|
|
|
.header {
|
|
background-color: #1479d7;/*设置背景色 */
|
|
height: 50px;/*设置高度 */
|
|
overflow: hidden;/*在没有单元格高度时用于高度等于子元素高度 */
|
|
width: 1400px;/*设置宽度 */
|
|
margin: 0 auto; /* 设置外边距居中对齐 */
|
|
padding-left: 20px; /*设置内边距左20px */
|
|
box-sizing: border-box; /*保持宽高等于你设置的宽高 */
|
|
border-radius: 3px; /*圆角 */
|
|
|
|
}
|
|
|
|
.header li a {
|
|
color: white; /*字体颜色 */
|
|
padding: 4px 5px; /*内边距的大小 */
|
|
}
|
|
.header li a:hover{
|
|
color: #14539a; /*鼠标悬浮更改颜色 */
|
|
background-color: #cbe1ed; /*鼠标悬浮更改底色 */
|
|
} |