CSS是一種強大的樣式表語言，可以用來控制網頁的外觀和布局，給背景添加紋理效果圖是CSS中的一個常見技巧，可以讓網頁更加美觀和富有層次感，下面是一些關于如何使用CSS給背景添加紋理效果圖的方法。

1、使用CSS的background-image屬性

background-image屬性可以用來給元素添加背景圖像，可以通過設置background-image屬性的值為紋理效果圖的URL來添加背景紋理。

body {
  background-image: url('texture.png');
}

上面的代碼會將texture.png作為背景圖像添加到body元素中。

2、使用CSS的background-repeat屬性

background-repeat屬性可以用來控制背景圖像的重復方式，如果不希望背景圖像重復，可以將background-repeat屬性設置為no-repeat。

body {
  background-image: url('texture.png');
  background-repeat: no-repeat;
}

上面的代碼會將texture.png作為背景圖像添加到body元素中，并且不會重復。

3、使用CSS的background-position屬性

background-position屬性可以用來控制背景圖像的位置，可以通過設置background-position屬性的值來控制背景圖像在元素中的位置。

body {
  background-image: url('texture.png');
  background-position: center;
}

上面的代碼會將texture.png作為背景圖像添加到body元素中，并且會將背景圖像放置在元素的中心位置。

通過使用CSS的background-image、background-repeat和background-position屬性，可以給網頁的背景添加紋理效果圖，并且控制圖像的重復方式和位置，希望這些方法能夠幫助你打造出更加美觀和富有層次感的網頁。