时间:2023-09-06 20:18:01 | 来源:网站运营
时间:2023-09-06 20:18:01 来源:网站运营
素材与实例-HTML CSS JavaScript网页制作三合一案例教程-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">企业新闻</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">产品信息</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">特价促销</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">产品列表</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">公司地图</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">论坛</a></li> </ul> </li> </ul></div></body></html>
关注微信公众号,推送每期更新喔~关键词:教程,实例,素材