時間：2023-09-06 20:18:01 | 來源：網(wǎng)站運營
時間：2023-09-06 20:18:01 來源：網(wǎng)站運營
素材與實例-HTML CSS JavaScript網(wǎng)頁制作三合一案例教程-4(第五章)：
在線咨詢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>HTML純CSS菜單欄實例</title><style>*{ margin:0; padding:0;}li{ list-style:none; text-align:center; line-height:24px; }a{ text-decoration:none; color:#333333; font-size:12px; line-height:24px; display:block; }.nav ul li{ width:120px; float:left; border:1px #333 dashed; background:#FFD2D2;}.nav ul li ul{ display:none;}.nav ul li a:hover{ color:#fff; background-image: url(images/xuanzhong.webp);}.nav ul li:hover ul,.nav ul li a:hover ul { display:block; width:120px; height:24px;}.nav ul li ul li { background-color:#FEE; width:120px;}.nav ul ul li a:hover{ background-image: url(images/xuanzhong.webp);color:#666666;}</style></head><body><div class="nav"> <ul> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">首頁</a> <ul> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">最新更新</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">下載排行</a></li> </ul> </li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">企業(yè)新聞</a> <ul> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">企業(yè)介紹</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">最新動態(tài)</a></li> </ul> </li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">產(chǎn)品信息</a> <ul> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">最新產(chǎn)品</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">產(chǎn)品列表</a></li> </ul> </li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">特價促銷</a> <ul> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">促銷</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">最新推薦</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">產(chǎn)品列表</a></li> </ul> </li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">聯(lián)系我們</a> <ul> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">公司信息</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">聯(lián)系我們</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">公司地圖</a></li> </ul> </li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">新手論壇</a> <ul> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">你問我答</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">網(wǎng)站大學(xué)堂</a></li> <li><a href="https://cloud.foxihaohao.com/DEMO5/5D/index.html">論壇</a></li> </ul> </li> </ul></div></body></html>關(guān)注微信公眾號，推送每期更新喔~關(guān)鍵詞：教程,實例,素材
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
