怎么用html和css實現(xiàn)標(biāo)簽折疊

用html和css實現(xiàn)標(biāo)簽折疊，代碼如下：

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設(shè)、成都網(wǎng)站制作與策劃設(shè)計,長洲網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:長洲等地區(qū)。長洲做網(wǎng)站價格咨詢:13518219792

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title用html和css實現(xiàn)標(biāo)簽折疊/title

/head

body

ul id="fm"

? lia href="#"h1折疊標(biāo)簽A/h1

? ? ? span這里是描述標(biāo)簽A/span

span這里是描述標(biāo)簽A/span

span這里是描述標(biāo)簽A/span

/a/li

? lia href="#"h1折疊標(biāo)簽B/h1

? ? ? span這里是描述標(biāo)簽B/span

span這里是描述標(biāo)簽B/span

span這里是描述標(biāo)簽B/span/a

? lia href="#"h1折疊標(biāo)簽C/h1

? ? ? span這里是描述標(biāo)簽C/span

span這里是描述標(biāo)簽C/span

span這里是描述標(biāo)簽C/span/a

lia href="#"h1折疊標(biāo)簽D/h1

? ? ? span這里是描述標(biāo)簽D/span

span這里是描述標(biāo)簽D/span

span這里是描述標(biāo)簽D/span/a

/ul

/body

/html

CSS樣式為：

style type="text/css"

#fm{

overflow:hidden;

background-color:#FFCCCC;

width:200px;

height:500px;

overflow:hidden;

}

#fm h1{

margin:0px;

color:#FF3333;

font-size:14px;

}

#fm li{

list-sytle-type:none;

display:block;

width:178px;

border:1px solid #00CCCC;

border-bottom-width:0px;

}

#fm li.end{

border-bottom-width:1px;

}

#fm li a{

display:block;

text-decoration:none;

width:100%;

padding:10px;

}

#fm li a span{

display:none;

color:#000000;

font-size:12px;

padding-top:10px;

}

#fm li a:hover{

background:#fff;

}

#fm li a:hover span{

display:block;

cursor:hand;

}

/style

效果如圖：

以上就是用html和css實現(xiàn)標(biāo)簽折疊的解決方法。

怎么把css代碼折疊起來的啊，有詳細(xì)一點的嗎

像css, html, JavaScript以及其它代碼, 都是純文本文件, 你所看到的折疊, 著色等功能都是編輯器實現(xiàn)的, 不需要特別操作, 只需要使用好的代碼編輯器就可以了. visual studio code以及atom都是當(dāng)今最為流行也最為出色的JavaScript/html/css編輯器. 都是免費(fèi)的, 體積也都比較小. 百度直接搜索,打開官網(wǎng)下載即可.

如何實現(xiàn)CSS+JS一個DIV層的展開/折疊效果

可以改變?"div"?元素的高度(jQuery的animate方法)：

$(".btn1").click(function(){

$("#box").animate({height:"300px"});

});

也可以設(shè)置溢出隱藏：

div?style="min-height:10px;overflow:hidden"

div?style="margin-top:-800px"content?more../div

/div

第二種方式也需要js動態(tài)改變div style里面的margin-top。

如何使用純CSS技術(shù)實現(xiàn)一個可折疊樹形菜單

利用偽類可以實現(xiàn)點擊打開折疊菜單，但是再次點擊收起貌似就沒法實現(xiàn)了。跟樓下說的一樣，利用:hover、:active 可以設(shè)置二級菜單的樣式（如height、visibility、display）以達(dá)到展開的效果。

css如何做頁面折疊

css頁面折疊可以通過display:block/none 來控制內(nèi)容顯示和隱藏。 同時用js來觸發(fā)。

你的采納是我前進(jìn)的動力!

記得好評和采納，答題不易，互相幫助，

手機(jī)提問的朋友在客戶端右上角評價點滿意即可.

如果你認(rèn)可我的回答，請及時點擊采納為滿意回答按鈕！

網(wǎng)站欄目：css折疊樣式,div折疊樣式
文章出自：http://chinadenli.net/article47/dsspeej.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、關(guān)鍵詞優(yōu)化、企業(yè)網(wǎng)站制作、搜索引擎優(yōu)化、標(biāo)簽優(yōu)化、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)