来源:1-3 tab页面布局-内容布局

夏rain天

2014-09-03 16:32

ul,li,div{

padding: 0;

margin: 0;

text-align: center;

list-style: none;

}

a{

text-decoration: none;

}

#tab{

width: 408px;

border: 1px solid #ccc;

height: 132px;

}

ul{

position: relative;

left: -1px;

width: 410px;

}

li{

width: 80px;

float: left;

padding: 0 1px;

border-bottom:  1px solid #ccc;

height: 30px;

line-height: 30px;

}

#tab div{

height: 100px;

clear: both;

line-height: 100px;

display: none;

}

#tab .js-li{

border-right:   1px solid #ccc;

border-left:   1px solid #ccc;

border-bottom:  1px solid #fff;

padding: 0;

}

#tab .js-div{

display: block;

}


写回答 关注

0回答

还没有人回答问题,可以看看其他问题

Tab选项卡切换效果

本课程详细介绍网页页面中最流行常用的tab切换效果

65465 学习 · 533 问题

查看课程

相似问题