# Setting the Background Color of the Sheet

Use Spread for ASP.NET to customize the background color of the data area of the spreadsheet. Learn more in documentation.

## Content

You can customize the background color of the data area of the sheet. The sheet background color is displayed as the cell background color, unless you set specific cell colors (as explained in [Customizing the Colors of a Cell](/spreadnet/docs/latest/online-asp/overview/spweb-devguide/spweb-appearSet/spweb-appearCell/spweb-cellcolor)). It is also the color in the rest of the sheet where cells are not displayed (empty area), as shown in the following figure, where the background color is set to light yellow.
![Sheet with yellow background color](https://cdn.mescius.io/document-site-files/images/346c9178-0ed8-4fb9-908b-1565b22fb408/artwork/sheetbackcolor.png)
The background color for the sheet can be set either with the [BackColor](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.BackColor.html) property of the sheet ([SheetView](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.html) class) or the [BackColor](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.BackColor.html) property of the [SheetSkin](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetSkin.html) class and the skin applied to the sheet.

## Using the Properties Window

1. At design time, in the **Properties** window, select the Sheets property for the FpSpread component.
2. Click the button to display the **SheetView Collection Editor**.
3. In the **Members** list, select the sheet for which to set the background color.
4. Select the **BackColor** property in the property list, and then click the drop-down button to display the color picker.
5. Select a color in the color picker.
6. Click **OK** to close the editor.

## Using a Shortcut

Set the [BackColor](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.BackColor.html) property of the [FpSpread](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.FpSpread.html) component [Sheets](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.FpSpread.Sheets.html) shortcut.

## Example

This example code sets the background color of the first sheet to light yellow.

```csharp
// Set the first sheet's background color to light yellow.
FpSpread1.Sheets[0].BackColor = Color.LightYellow;
```

```vbnet
' Set the first sheet's background color to light yellow.
FpSpread1.Sheets(0).BackColor = Color.LightYellow
```

## Using the Spread Designer

1. From the sheets displayed at the bottom, select the sheet for which you want to set the background color.
2. Select the **BackColor** property in the property list.
3. Click the drop-down arrow to display the color picker.
4. Select a color from the color picker.
5. Click **Apply and Exit** to close the Spread Designer.