整蛊网页制作html,WordPress模板的整蛊菜单（HTML + CSS）

所以我们有上面的菜单。我需要构建一个WordPress模板。我不知道如何使悬停和活跃的状态。现在，直到我有这样的：

HTML(其次WordPress会如何生成代码)：

• Home

• Menu Link

• Menu Link

• Menu Link

• Menu Link

• Menu Link

然后我有CSS：

#nav-main {

width: 956px;

height: 44px;

border: 1px solid #a5a5a5;

background: url(images/bg-nav-main.jpg) repeat-x;

}

.menu-primary-navigation-container {}

#menu-primary-navigation {

margin: 0;

padding: 0;

list-style-type: none;

}

#menu-primary-navigation li {

height: 44px;

display: inline-block;

}

#menu-primary-navigation li a {

color: #ffffff;

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: 16px;

text-decoration: none;

line-height: 44px;

padding: 0 46px;

}

#menu-primary-navigation li a:hover {}

而这一切。在这里我被困住了。这些斜线是这个菜单的坏点。

任何想法？