html - 带溢出的按钮设计

Question

嘿，我正在尝试创建一个精美的按钮，但问题是我无法让我的文本覆盖。

因为这个原因我无法举个例子，有没有人有建议。

.btnStyle{
    border: none;
    background-color: #EB343D ;
    color: #FFFFFF ;
    
    &:after{
        content: " ";
        padding: 10px 
    }
    &:before{
        content: " ";
    }
    span{
        position: absolute;
    }
}

<button type="button" name="button" class="btnStyle"><span>Click here</span></button>

当我在跨度上使用绝对位置时，我希望该项目在 btn 上是绝对的。

标签： htmlcssbutton

Answer 1

我在顶部有一个我想要完成的图像。我想红色展开悬停和按钮边缘的文本。

我仍然是一名学习编码的学生。