Css 如何在不使用背景图像的情况下模拟此按钮?

Css 如何在不使用背景图像的情况下模拟此按钮?,css,Css,我想在CSS中模拟以下按钮,而不使用图像作为背景箭头。我仍在学习过程中,所以我有点困惑于如何才能做到这一点 在button元素中添加2个div,第二个是三角形 <button> <div class="text">Login</div> <div class="triangle"></div> </button> 和使用。将两个内分区设为浅蓝色,并将按钮设为深蓝色背景色。答案很简单:你不能。@MightyPork,

我想在CSS中模拟以下按钮,而不使用图像作为背景箭头。我仍在学习过程中,所以我有点困惑于如何才能做到这一点


在button元素中添加2个div,第二个是三角形

<button>
  <div class="text">Login</div>
  <div class="triangle"></div>
</button>

和使用。将两个内分区设为浅蓝色,并将按钮设为深蓝色背景色。

答案很简单:你不能。@MightyPork,他可以,做了很多CSS工作。@MightyPork当然可以……那么,发布一个答案,我想学点新东西:PYou真的可以使用纯CSS,但你尝试了什么??只要使用谷歌,你就可以尝试,并带着一个特定的问题来到这里