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

首頁 > 開發(fā) > CSS > 正文

純CSS3實(shí)現(xiàn)手風(fēng)琴風(fēng)格菜單具體步驟

2024-07-11 08:50:08
字體：大 中 小
供稿：網(wǎng)友
今天分享一個如何使用純CSS3創(chuàng)建手風(fēng)琴風(fēng)格菜單教程，菜單主要通過使用:target偽類來實(shí)現(xiàn)。
:target使用介紹
CSS3 target偽類是眾多實(shí)用的CSS3特性中的一個。它用來匹配文檔(頁面)的URI中某個標(biāo)志符的目標(biāo)元素。具體來說，URI中的標(biāo)志符通常會包含一 個”#”字符，然后后面帶有一個標(biāo)志符名稱，比如#respond，target就是用來匹配ID為respond的元素的。
現(xiàn)在在頁面中，點(diǎn)擊一個ID鏈接后，頁面只會跳轉(zhuǎn)到相應(yīng)的位置，但是并不會有比較明顯的UI標(biāo)識，使用:target偽類可以像:hover等偽類一樣對目標(biāo)元素定義樣式。
第一步：HTML標(biāo)簽結(jié)構(gòu)
一 個簡單的無序列表，每個li中包含一個超鏈接和span，同時為每一個li添加一個不同的id和一個連接到這個id的超鏈接。為了添加樣式和展開菜單項(xiàng)下 面的內(nèi)容，需要使用:target偽類。

復(fù)制代碼

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 湘乡市| 云南省| 乃东县| 达尔| 贞丰县| 临沧市| 固阳县| 交口县| 莆田市| 鄢陵县| 鲁甸县| 德庆县| 峨眉山市| 平阳县| 苍山县| 高阳县| 金塔县| 河北省| 高清| 柯坪县| 盱眙县| 瑞金市| 湖南省| 商城县| 马山县| 孟州市| 大同县| 湖北省| 张家港市| 湖州市| 衡南县| 灵丘县| 河源市| 凤翔县| 宜昌市| 工布江达县| 九龙坡区| 九龙县| 余姚市| 新宁县| 耿马|