html中怎么写一个简单的tab,记录一个简洁的html tab 标签

简洁Tab

ul{ list-style:none;}

/*选项卡1*/

#Tab1{

width:460px;

margin:0px;

padding:0px;

margin:0 auto;}

/*选项卡2*/

#Tab2{

width:576px;

margin:0px;

padding:0px;

margin:0 auto;}

/*菜单class*/

.Menubox {

width:100%;

background:url(http://www.jb51.net/upload/small/20079299441652.gif);

height:28px;

line-height:28px;

}

.Menubox ul{

margin:0px;

padding:0px;

}

.Menubox li{

float:left;

display:block;

cursor:pointer;

width:114px;

text-align:center;

color:#949694;

font-weight:bold;

}

.Menubox li.hover{

padding:0px;

background:#fff;

width:116px;

border-left:1px solid #A8C29F;

border-top:1px solid #A8C29F;

border-right:1px solid #A8C29F;

background:url(http://www.jb51.net/upload/small/200792994426548.gif);

color:#739242;

font-weight:bold;

height:27px;

line-height:27px;

}

.Contentbox{

clear:both;

margin-top:0px;

border:1px solid #A8C29F;

border-top:none;

height:181px;

text-align:center;

padding-top:8px;

}

-->

• 新闻1
• 新闻2
• 新闻3
• 新闻4

新闻列表1

新闻列表2

新闻列表3

新闻列表4