在 HTML 中使用 CSS 将中心三角形放在 div 的底部

若要将三角形设置在 div 的底部和中心位置，请使用以下内容。你需要将 left 设置为 50% −

.demo: after {
   position: absolute;
   border-top: solid 50px #e15915;
   border-left: solid 50px transparent;
   border-right: solid 50px transparent;
   top: 100%;
   left: 50%;
   margin-left: -50px;
   width: 0;
   height: 0;
}

Vrundesha Joshi

更新日期：2020 年 6 月 24 日

772 次浏览

开启你的 职业生涯

通过完成课程，获得认证

开始学习