设计列表样式之实战

Tab面板菜单

新知识点：

overflow属性定义当内容超出元素框时如何呈现，hidden：将超出元素框的内容隐藏，scroll：内容被修剪但是以滚动条方式呈现，visible:可见的，内容超出元素框，但是依然可见，auto:根据被修剪的部分设置滚动条，inherit，继承上个元素。

display:主要属性值，none:此元素不会被显示，block:以块状元素显示，inline:以行内元素显示，inline-block:以行内块状元素显示

：hover：鼠标移到元素上时向元素添加特殊的样式，多和超链接同用，显示为a:hover，也可以#lists :hover;p:hover。

技法：

<div id="tab">
 <div class="Menubox">
  <ul>
  <li id="tab_1" class="hover" onclick="setTab(1,4)">明星</li>
  <li id="tab_2" onclick="setTab(2,4)">搞笑</li>
  <li id="tab_3" onclick="setTab(3,4)">美女</li>
  <li id="tab_4" onclick="setTab(4,4)">阴影</li>
  </ul>
  </div>
  <div