有谁知道如何让一个css按钮看起来像这样吗?

pjngdqdw  于 2023-02-01  发布在  其他
关注(0)|答案(1)|浏览(137)

enter image description here
我试图使一个按钮看起来像这样的css,但我不知道如何。有人请帮助我!
我什么都没试过。

dy2hfwbg

dy2hfwbg1#

图片很模糊,但应该是这样的。

*, *::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>

相关问题