css3 菜单特效代码 |css 中文右对齐

.menu {
position: relative;
display: inline-block;
}
.menu a {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
color: #fff;
text-decoration: none;
}
.menu a:hover {
color: #000;
background: #fff;
border-radius: 5px;
}
.menu ul {
display: none;
position: absolute;
top: 40px;
left: -20px;
background: #fff;
padding: 8px 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
.menu:hover ul {
display: block;
}

你可以将以上代码添加至你的CSS文件中，然后在HTML页面将菜单添加至相应的位置即可。此段代码可以实现鼠标悬停后菜单自动弹出，而且可以自由修改样式、调整布局以更符合你自己的需求。