我有一个网站,其中某些菜单标题是下拉式的(css)
我想在能够下拉的特定菜单标题上添加一个小的向下箭头。 有人可以给我一些如何做的建议吗?
我有一个网站,其中某些菜单标题是下拉式的(css)
我想在能够下拉的特定菜单标题上添加一个小的向下箭头。 有人可以给我一些如何做的建议吗?
a:after{
content: '';
border: 4px solid transparent;
border-top: 4px solid white;
margin-left: 2px;
margin-bottom: 3px;
display: inline-block;
vertical-align: bottom;
}
我认为这是最好的方法,因为您可以调整长度的边框并调整高度的'border-top',从而实现完全自定义。
<span class="caret"></span>
∇ - ∇
li.has_child:after {
content: '';
position: absolute;
border: 7px solid transparent;
/* This will set the direction of the arrow.*/
border-top: 7px solid white;
top: 34px;
margin-left: 5px;
}
▴
https://www.fileformat.info/info/unicode/char/25b4/index.htm - Skillz