html - 如何设置按钮背景图像的高度和宽度？

Question

我只想正确设置此处提到的图片按钮背景图像的高度和宽度！

float:right;
width: 40px;
height: 40px;
border-radius: 50%;

标签： htmlcss

Answer 1

你应该使用background-imagewith background-size: 100%。

button{
  background-image: url("https://i.stack.imgur.com/gdaRR.png");
  float :right;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: 100%;
  border: none;
}

<button></button>