一个新的CSS菜单代码

296 阅读 0 评论 196 点赞

我是靠谱客的博主动听口红，这篇文章主要介绍一个新的CSS菜单代码，现在分享给大家，希望可以做个参考。

<html>

<head>

<style>

body {

font-family: verdana, helvetica, arial, sans-serif;

}

#mainMenu {

background-color: #EEE;

border: 1px solid #CCC;

color: #000;

width: 203px;

}

#menuList {

margin: 0px;

padding: 10px 0px 10px 15px;

}

li.menubar {

background: url(/images/plus.gif) no-repeat 0em 0.3em;

font-size: 12px;

line-height: 1.5em;

list-style: none outside;

}

.menu, .submenu {

display: none;

margin-left: 15px;

padding: 0px;

}

.menu li, .submenu li {

background: url(/images/square.gif) no-repeat 0em 0.3em;

list-style: none outside;

}

a.actuator {

background-color: transparent;

color: #000;

font-size: 12px;

padding-left: 15px;

text-decoration: none;

}

a.actuator:hover {

text-decoration: underline;

}

.menu li a, .submenu li a {

background-color: transparent;

color: #000;

font-size: 12px;

padding-left: 15px;

text-decoration: none;

}

.menu li a:hover, submenu li a:hover {

/*border-bottom: 1px dashed #000;*/

text-decoration: underline;

}

span.key {

text-decoration: underline;

}

</style>

</head>

<body>

Phones

<li>

New Phones

</ul>

</li>

<li>

Compare

<li>All Phones</li>

<li>Service Provider</li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

</body>

</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最后

以上就是动听口红最近收集整理的关于一个新的CSS菜单代码的全部内容，更多相关一个新内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：CSS/CSS3
浏览次数：296 次浏览
发布日期：2022-04-10 23:05:02
本文链接：https://www.kaopuke.com/article/k-p-k_14_u_7_o_10_fw_13__7__26_0.html

一个新的CSS菜单代码

最后

评论列表共有 0 条评论

发表评论取消回复

一个新的CSS菜单代码

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

发表评论取消回复