国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

tab選項卡布局之利用a的一個選項形式

2024-07-11 08:27:10
字體：大 中 小
來源：轉載
供稿：網友

復制代碼
代碼如下:
#Tab{width:300px;line-height:30px;overflow:hidden;}
#Tab li{float:left;width:100px;line-height:30px;text-align:center;cursor:pointer;}
#Main{width:300px;height:300px;overflow:hidden;border:1px solid #000;}
#Main ul{height:300px;}
#Main ul li{height:30px;line-height:30px;}

利用了a的功能，把Main的超出部分隱藏
html

復制代碼
代碼如下:
<div id="Tab">
<ul>
<li><a href="#01">標簽1</a></li>
<li><a href="#02">標簽2</a></li>
</ul>
</div>
<div id="Main">
<ul id="01">
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
<li>1111111</li>
</ul>
<ul id="02">
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
</ul>
</div>

這樣就完成了一個選項卡的功能了
思路很新穎，值得好好思考。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 沾益县| 南部县| 浙江省| 突泉县| 蕲春县| 富宁县| 临沧市| 驻马店市| 凤台县| 肃南| 环江| 屯门区| 丹巴县| 民权县| 台前县| 博白县| 达州市| 额敏县| 巴南区| 大连市| 贵定县| 库车县| 双辽市| 林州市| 自贡市| 延边| 高台县| 南川市| 扶绥县| 达孜县| 长寿区| 从化市| 凤山市| 紫金县| 安义县| 贵州省| 乃东县| 蒙山县| 泉州市| 顺昌县| 九台市|