我正在尝试创建一个带有箭头的导航栏,该项目位于项目上方.这是我想要做的:

对于箭头,我使用了伪元素before和after.以下是一些代码:
body {
background: #FFFFFF;
color: #FFFFFF;
margin: 0px;
padding: 0px;
height: 100%;
}
.clear {
clear: both;
}
.page-wrap {
width: 980px;
margin: 0px auto;
height: 100%;
}
#main-menu {
background: white;
height: 55px;
width: 100%;
padding: 0px;
margin: 0px;
border-bottom: 1px solid black;
}
ul {
font-family: Arial, Verdana;
font-size: 18px;
margin: 0;
padding: 0;
list-style: none;
}
ul li {
display: block;
position: relative;
float: left;
}
li ul {
display: none; …Run Code Online (Sandbox Code Playgroud)