簡體   English   中英

有誰知道如何使 css 按鈕看起來像這樣?

[英]Does anyone know how to make a css button look like this?

在此處輸入圖像描述

我試圖在 css 中使按鈕看起來像這樣,但我不知道該怎么做。 有人請幫助我!

我還沒有嘗試過任何東西。

圖片很模糊,但應該是這樣的。

 *, *::before, *::after { box-sizing: border-box; margin: 0; padding:0; }.button { display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; border: none; border-radius: .5rem; overflow: hidden; color: white; font-size: 1.3rem; }.button > * { padding: .5rem.8rem; }.tick { background: green; }.content { background: lightblue; }
 <button type="button" class="button"> <div class="tick">v</div> <div class="content">Start</div> </button>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM