网页导航栏

1. • 中间加竖线

.footer li {

display: inline;//-默认情况下，<li> 元素是块元素。在这里，我们删除每个列表项之前和之后的换行符，这样它们才能显示在一行。

margin: 0 auto;

border-right:1px solid #ffffff;

}

.footer li:last-child {

border-right: none;

}

2. • 导航栏的整体文字居中，且每个li中文字居中

.footer ul {

width: 95%;

height: 30px;

margin: auto;

text-align: center;

list-style-type: none;

font-size: 15px;

}

.footer li {

display: inline;

border-right:1px solid #ffffff;

}

.footer li a {

display: inline-block;

padding: 10px 27px;

text-decoration: none;

color: rgb(255, 255, 255);

}