国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 武冈市| 宁都县| 永修县| 江油市| 巴彦县| 云霄县| 林周县| 乐山市| 金乡县| 惠来县| 枞阳县| 佛山市| 华蓥市| 云南省| 榆林市| 彭阳县| 石河子市| 固镇县| 双城市| 乌鲁木齐市| 安顺市| 玉屏| 汉中市| 西华县| 军事| 贵州省| 泊头市| 泉州市| 普宁市| 汝南县| 鲁甸县| 隆子县| 潮安县| 孟州市| 揭阳市| 青田县| 二手房| 唐山市| 上虞市| 文登市| 天峨县|