纯css下拉菜单,可以设置下拉菜单为多列
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD>
<META http-equiv=Content-Type content=text/html;CHARSET=utf-8>
<LINK href="styles.css"
type=text/css rel=stylesheet>
<DIV class=menu-bar>
<UL class=main-menu>
<LI class=topLevel style="WIDTH: 139px"><A
href="engagement-rings-wedding/566/">BRIDAL
GALLERY</A>
<DIV class=sub-menu>
<TABLE>
<TBODY>
<TR>
<TD vAlign=top>
<UL>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/"
nowrap>Engagement Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-wedding-sets_82/"
nowrap>Wedding Sets</A>
<LI class=sub-menu-li nowrap><A
href="sc-multi-stone_261/"
nowrap>Multi Stone Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-three-stone_137/"
nowrap>Three Stone Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-solitaire_78/"
nowrap>Solitaire Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/sts-round_686/"
nowrap>Round Diamonds</A> </LI></UL></TD>
<TD vAlign=top>
<UL>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/sts-princess_687/"
nowrap>Princess Diamonds</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/sts-marquise_689/"
nowrap>Marquise Diamonds</A>
<LI class=sub-menu-li nowrap><A
href="wedding-rings/524/"
nowrap>Wedding Bands</A>
<LI class=sub-menu-li nowrap><A
href="anniversary-jewelry/449/"
nowrap>Anniversary Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/so-bestsellers/"
nowrap>Top Selling</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/so-ratings_i.avgRating%20DESC/"
nowrap>Top Rated</A> </LI></UL></TD></TR></TBODY></TABLE></DIV></LI>
<LI class=topLevel style="WIDTH: 77px"><A
href="rings/19/">RINGS</A>
<DIV class=sub-menu>
<TABLE>
<TBODY>
<TR>
<TD vAlign=top>
<UL>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/s-diamond_63/g-for-her_151+338/"
nowrap>Diamond Rings</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/s-gemstone_~63+~66+~452+~363+~58+~64+~483/"
nowrap>Gemstone Rings</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/sc-promise_84/"
nowrap>Promise Rings</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/sc-colored-diamonds_259/"
nowrap>Colored Diamond Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-engagement-rings_76/"
nowrap>Engagement Rings</A>
<LI class=sub-menu-li nowrap><A
href="sc-wedding-sets_82/"
nowrap>Wedding Sets</A> </LI></UL></TD>
<TD vAlign=top>
<UL>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/sc-anniversary_138/"
nowrap>Anniversary Rings</A>
<LI class=sub-menu-li nowrap><A
href="wedding-rings/524/"
nowrap>Wedding Bands</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/m-sterling-silver_211/"
nowrap>Sterling Silver Rings</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/so-bestsellers/"
nowrap>Top Selling</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/so-ratings_i.avgRating%20DESC/"
nowrap>Top Rated</A>
<LI class=sub-menu-li nowrap><A
href="c-rings_35/so-newest_i.id%20DESC/"
nowrap>Newest</A> </LI></UL></TD></TR></TBODY></TABLE></DIV></LI>
</UL></DIV>
</BODY></HTML>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架