css 中background 设置文本框背景图 的方法

当需要给文本框添加背景图片时，可以使用 CSS 中的 background 属性。下面是设置文本框背景图片的攻略：

1. 使用 background-image 属性

background-image 属性可以设置文本框的背景图片。为了让背景图片和文本框一起显示，还需要设置一些其他的属性，比如 background-size 和 padding。以下是示例代码：

input[type=text] {
  background-image: url("background.png");
  background-size: cover;
  padding: 10px;
}

上面的代码会将文本框的背景图片设为 background.png，设置背景图片的显示方式为 cover，同时设置内部填充为 10px。

2. 使用 background 属性

除了 background-image 属性，还可以使用 background 属性来设置文本框的背景图片。以下是示例代码：

input[type=text] {
  background: url("background.png") no-repeat center center/cover;
  padding: 10px;
}

上面的代码会将文本框的背景图片设为 background.png，同时设置背景图片的重复方式为 no-repeat，在垂直方向和水平方向上都居中显示，并设置背景图片的显示方式为 cover，同时设置内部填充为 10px。

通过以上两种方式，均可实现设置文本框背景图的方法。

希望以上信息对您有所帮助。