<div>
Here is the gradient image<a href="https://filedb.experts-exchange.com/incoming/2012/04_w16/568436/gradient.png" target="_blank" title="Light gray to white centered 1280 px wide (16 KB)"><img alt="Light gray to white centered 1280 px wide" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2012/04_w16/800_568436/gradient.png" /></a>
</div>


Here is the gradient imageLight gray to white centered 1280 px widehttps://filedb.experts-exchange.com/incoming/2012/04_w16/568436/gradient.png

Light gray to white centered 1280 px wide

gradient.png

<div>
If it is a linear gradient (not radial) then you could create the gradient you want in Photoshop or gimp or some image program, take a 1px wide slice of it and then use that as your background image with the CSS that LZ1 posted except you would want to have repeat-x instead of no-repeat. &nbsp;This will duplicate your 1px wide gradient all the way across the page with a very small image file size.<br />
<br />
Height of the gradient would only need to be the number of pixels that it takes to get from grey to white.
</div>


If it is a linear gradient (not radial) then you could create the gradient you want in Photoshop or gimp or some image program, take a 1px wide slice of it and then use that as your background image with the CSS that LZ1 posted except you would want to have repeat-x instead of no-repeat.  This will duplicate your 1px wide gradient all the way across the page with a very small image file size.

Height of the gradient would only need to be the number of pixels that it takes to get from grey to white.

<div>
<div class="content wysiwyg-content">
I want to duplicate the background of this home page, the slight gray gradient.<br />
<br />
<a href="http://www.serve.gov/index.asp" rel="ugc">http://www.serve.gov/index.asp</a><br />
<br />
I'm using Drupal, so what's the best approach?
</div>
</div>


I want to duplicate the background of this home page, the slight gray gradient.

http://www.serve.gov/index.asp

I'm using Drupal, so what's the best approach?

How to Duplicate this Page Background?

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.