css - 如何让自定义 CSS 按钮根据图像自动调整大小

标签 css button properties background

我正在尝试将这些图像用作按钮元素上的 css 的基础 left middle right .随着更多文本的添加,按钮需要能够通过扩展中间部分来调整大小(保持左右不变且不拉伸(stretch))

我正在使用

background-image: linear-gradient('/img/elements/button/UI-DialogBox-goldbutton-up-middle.png');

这行得通,但是我似乎找不到将左侧和右侧添加到按钮的方法。感谢任何帮助:D

最佳答案

将所有 3 个图像组合成 1 个按钮图像..

然后,上传到:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator

关于css - 如何让自定义 CSS 按钮根据图像自动调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57779412/

相关文章:

jquery - 结合jquery的拖动使用CSS更改highcharts高度

javascript - 根据用户点击向所有页面添加样式表

html - xhtml/mobile 1.2 DOCTYPE 导致奇怪的工件

javascript - 在 Javascript 中,设置 Image src 属性通过什么机制触发图像加载?

html - 日期选择下拉列表中的选项未对齐 (Firefox)

android - 更改按钮图像onClick android

java - 按住按钮操作方法

android - 带有按钮的列表项不再可点击

objective-c - 我可以在 Objective C 中使用枚举作为属性吗

java - 无法访问 Maven 的 pom.xml 中设置的属性,System.getProperty 始终返回 null