相关疑难解决方法(0)

使用CSS在导航栏中显示边框三角形

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

在此输入图像描述

对于箭头,我使用了伪元素beforeafter.以下是一些代码:

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)

html css css-shapes

8
推荐指数
1
解决办法
4095
查看次数

标签 统计

css ×1

css-shapes ×1

html ×1