在 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

更新时间: 24-6 月 -2020

772 次浏览

开启你的 职业

完成课程以获得认证

开始体验