Title: How do I make a gradient background using CSS?
Last modified: August 18, 2016

---

# How do I make a gradient background using CSS?

 *  [Eric Taylor](https://wordpress.org/support/users/erictaylor/)
 * (@erictaylor)
 * [20 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-make-a-gradient-background-using-css/)
 * I know that it is possible to give your site a gradient effect in the background
   color by using css. I DO NOT want to use images, I already know how by using 
   images. If anyone knows how to help me…please, i could use it.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [ifelse](https://wordpress.org/support/users/ifelse/)
 * (@ifelse)
 * [20 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-make-a-gradient-background-using-css/#post-295905)
 * > “I know that it is possible to give your site a gradient effect in the background
   > color by using css.”
 * Then you must know something that the rest of us don’t. There is currently no
   clean way[1] of generating gradients without images via CSS except for the proprietory
   MS IE filters[2].
 * [1] Clean as in without multiple superfluous and unsemantic divs.
    [2] Which 
   obviously only works in Internet Explorer.
 *  [cpoteet](https://wordpress.org/support/users/cpoteet/)
 * (@cpoteet)
 * [20 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-make-a-gradient-background-using-css/#post-295906)
 * If you must:
 * [http://www.designdetector.com/2005/09/css-gradients-demo.php](http://www.designdetector.com/2005/09/css-gradients-demo.php)
 *  [ifelse](https://wordpress.org/support/users/ifelse/)
 * (@ifelse)
 * [20 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-make-a-gradient-background-using-css/#post-295907)
 * > If you must: [http://www.designdetector.com/2005/09/css-gradients-demo.php](http://www.designdetector.com/2005/09/css-gradients-demo.php)
 * I’m aware that cpoteet isn’t really recommending this method but I wish to point
   out that I’m 100% against this method (read my footnote [1] above). Little gain,
   major cost. Just use images.
 *  [cpoteet](https://wordpress.org/support/users/cpoteet/)
 * (@cpoteet)
 * [20 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-make-a-gradient-background-using-css/#post-296279)
 * I know it’s bad, but remember when you started out (which I’m guessing erictaylor
   is still new)? It’s one of those “hard” lessons you have to learn: stay away 
   from proprietary technology.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How do I make a gradient background using CSS?’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 3 participants
 * Last reply from: [cpoteet](https://wordpress.org/support/users/cpoteet/)
 * Last activity: [20 years, 5 months ago](https://wordpress.org/support/topic/how-do-i-make-a-gradient-background-using-css/#post-296279)
 * Status: not a support question

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics