gpt4 book ai didi

html - 带溢出的按钮设计

转载 作者:行者123 更新时间:2023-11-28 01:00:14 27 4
gpt4 key购买 nike

button design

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

因为这个原因我无法得到一个例子,有没有人有建议。

.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 上是绝对的。

最佳答案

click to run the program

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

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

关于html - 带溢出的按钮设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52717594/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com