Button CSS:基于文本宽度的四边形按钮

Button CSS:基于文本宽度的四边形按钮,button,text,width,shape,Button,Text,Width,Shape,我想用css制作这些四边形按钮: 到目前为止,我可以制作一个基于文本并具有悬停效果的梯形。不,我想要相同的,但顶部和底部必须是一条斜线。有人能帮我解决这个问题吗 代码笔:尝试使用图像或SVG作为div背景。比基于CSS的形状更简单、更灵活

我想用css制作这些四边形按钮:

到目前为止,我可以制作一个基于文本并具有悬停效果的梯形。不,我想要相同的,但顶部和底部必须是一条斜线。有人能帮我解决这个问题吗


代码笔:

尝试使用图像或SVG作为div背景。比基于CSS的形状更简单、更灵活