如何实现内含八个li标签的ul无序列表导航栏占据全屏并且居中，鼠标经过导航栏中的li标签时li的背景颜色变化为橙色

可以使用以下HTML和CSS代码实现该效果：

HTML代码：

<nav>
  <ul>
    <li><a href="#">导航1</a></li>
    <li><a href="#">导航2</a></li>
    <li><a href="#">导航3</a></li>
    <li><a href="#">导航4</a></li>
    <li><a href="#">导航5</a></li>
    <li><a href="#">导航6</a></li>
    <li><a href="#">导航7</a></li>
    <li><a href="#">导航8</a></li>
  </ul>
</nav>

CSS代码：

nav {
  width: 100%;
  text-align: center;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

li {
  display: inline-block;
  margin: 0 10px;
}

li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

li:hover {
  background-color: orange;
}

解释一下以上代码的实现：

1. 使用nav元素包裹ul列表，设置nav元素宽度为100%并水平居中。
2. 设置ul列表样式为无序列表样式，去除默认的margin和padding，并将其设置为行内块元素。
3. 设置li元素为行内块元素，并在li元素之间添加10px的间距。
4. 设置li元素内的a元素为块级元素，并设置padding、去除文本下划线和字体颜色。
5. 当鼠标经过li元素时，将其背景颜色设为橙色。