你可以使用CSS中的background-image属性将图片设置为按钮的背景,并使用background-size属性设置背景图片的大小以适应按钮。

HTML代码:

<button class="btn">按钮文本</button>

CSS代码:

.btn {
  background-image: url('图片路径');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 10px 20px; /* 设置按钮的内边距,根据需要调整 */
}

将上述代码中url('图片路径')替换为你的图片路径,然后根据需要调整按钮的内边距(padding)来适应图片大小。

css将文字和图片放在按钮里且图片需要适应按钮大小怎么做哦

原文地址: http://www.cveoy.top/t/topic/ivvc 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录