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

開啟你的 職業

完成課程以獲得認證

開始體驗