Question

在CSS中我使用无需列表做导航栏，怎么让导航栏向图片的右边缘对齐？然后鼠标滑过要变颜色？

<style type="text/css">
body {
margin:0;
margin-top:6px;

}
#menu{
margin:auto
}
ul{
list-style-type: none;
text-align:right;

}
li{float:right;}
a{
display: block;
font-size: 12px;
text-decoration: none;
padding-top: 10px;
height: 30px;
width: 80px;
text-align:center;
background-color: #CC99FF;

}
</style>

Answer 1

先设置一个大盒子div，然后在里面设置导航栏和图片盒子用float浮动
a:hover {
display: block;
font-size: 12px;
text-decoration: none;
padding-top: 10px;
height: 30px;
width: 80px;
text-align:center;
background-color: #fff}