在 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 次瀏覽

開啟你的 職業生涯

透過完成課程，獲得認證

開始學習