用html+css怎么做成图那样？ 鼠标放上去就变背景颜色而且还多了2像素

时间：2014.10.31 发布人：BuillaBic
用html+css怎么做成图那样？ 鼠标放上去就变背景颜色而且还多了2像素

已解决问题

谷歌BuillaBic用户在2014.10.31提交了关于“林书豪用html+css怎么做成图那样？ 鼠标放上去就变背景颜色而且还多了2像素”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-01-23T20:25:32。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你无异于雪中送炭,让我感激涕零 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：qozix  

代码：

<!DOCTYPEhtml>

<html>

<head>

<metahttp-equiv="Content-T呢成团ype"content="text/html;charset=utf-8"/>

<title>菜单栏</title>

<styletype="text/css">

ul{list-style-type:none;}

列叫li{float:left;}

a{width:100px;h清看eight:40px可汽孩略统模温;color:#fff;t核女者经夫集兵ext-decorati括也心难on:none;

text-align:cent以方汉回风溶察顺华院站er;line-height:40px;background:#069;display:inline-block;}

a:ho米卷车棉族海ver{background:#00aded;margin-top:-2px;height:42px;}

</style>

</head>

<body>

<ul>

<li><ahref="">新闻</a></li>

<li><ahref="">新闻</a></li>

<li><ahref="">新与操必握植金假儿闻</a></li>

<li><ahref="">新闻</a></li>

</ul>

</世都领老光据body>

</html>

这是效果图：

鼠标放上去时：