如何在背景顏色上放置圖像？

Question

你好，我們正在使用CSS3。

我們有一個TD標籤，它的背景顏色設置爲紅色。

我們正在尋找一種方式，讓我們可以放置一個以紅色背景爲中心的圖像。紅色背景和居中圖像都必須在td標籤內可見。

背景和圖像必須在TD標籤內嵌樣式指定..

Answer 1

HTML：

<td style="background: red url(http://lorempixel.com/output/nature-q-c-50-50-9.jpg) center no-repeat"></td> 

Background財產文檔。

1. redbackground-color套
2. url(...)組圖像
3. center組圖像原點到中心
4. no-repeat禁用圖像重複

JSBin。

Answer 2

使用的background屬性，我們可以做到這一點

嘗試以下

background: url("image path") no-repeat scroll center center #FF0000; 

Answer 3

如果你想顯示的背景顏色以及寬度和高度添加到您的td標籤和背景大小的圖像像下面的CSS一樣。

width: 200px; 
height: 200px; 
background-color: red; 
background-image: url('http://i.stack.imgur.com/i7woY.png?s=128&g=1'); 
background-position: center center; 
background-repeat: no-repeat; 
background-size: 100px 100px;