我想問這是否可能，我正在嘗試實作這種設計，它具有按鈕/或<a>標簽的曲線延伸。我的第一個選擇是匯出此行影像并將其插入到按鈕之后。但是有沒有任何 CSS 樣式可以使這成為可能，
任何建議將不勝感激！謝謝
uj5u.com熱心網友回復：
這當然是可能的，我只是不確定它是否可取。無論如何，您可以使用絕對定位的偽元素，但與絕對定位一樣，在回應性方面您必須小心。在這個例子中，我使用了很多我不太喜歡的幻數。
我可能寧愿使用 JavaScript 和 SVG 使線條在所有設備上正確定位/調整大小。
無論如何，這是一個 CSS 解決方案：
body {
padding: 200px 50px;
}
button {
position: relative;
background-color: #92701b;
border-radius: 999px;
font-size: 1rem;
color: #fff;
border: 0;
font-weight: 600;
padding: 14px 25px;
letter-spacing: 0.5px;
}
button:after {
content: "";
position: absolute;
bottom: 21px;
left: 100%;
width: 200px;
height: 200px;
border-radius: 0 0 30px 0;
border: 4px solid #d76f46;
border-top: none;
border-left: none;
}<button>Polyethylene</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/409360.html
標籤：
上一篇：如何向ipyvuetify按鈕的事件單擊方法發送額外的**Kwargs
下一篇：通過.map回圈創建按鈕的問題