<div class="arrow-up"><!--向上的三角--></div>
.arrow-up{ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; position: absolute; margin-left: 50px; margin-top: -5px; }
ul { width: 175px; /*box-shadow: 4px 1px 5px 0 rgba(191,191,191,0.50);*/ box-shadow: 0px 2px 12px 0 rgba(0,0,0,.4); background-color: #fff; padding: 7px; z-index: 333; position: relative;//此处属性必须要为relative &:after{ content: ''; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; position: absolute; top: 16px; left: -6px; } &:before{ content:''; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; position: absolute; top: 16px; left: -6px; }