Creating Gradient Background Effect

Creating Gradient Background Effect

We can give gradient background effect to our tables using HTML.This will give a unique look and feel to our web pages.

But we should take take of the colors while choosing for background gradients. Because our colors should not make our text invisible. We can choose one light color and one dark color for this HTML gradient background effect.

We can use this effect for our entire web page background, or within table cells.

To use the gradient effect as our web page background, use the following BODY tag:

<body style=”filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=’#C0CFE2‘, startColorstr=’#FFFFFF‘, gradientType=’0′);”>

To use the gradient effect within your HTML tables, place the following code within your table tag:

style=”filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr=’#C0CFE2‘, startColorstr=’#FFFFFF‘, gradientType=’0′);”

We can edit the gradient colors(which is specified in bold) in above example.

Leave a Reply

You must be logged in to post a comment.


All material @ copyrighted by chrisranjana.com. If you want to link to this article you are welcome to do so. Unauthorized publication is strictly prohibited. This developer tutorial website contains articles by Php programmers , Software developers, Mysql programmers and asp c# programmers. This website also contains ajax tutorials and advanced mysql sql stored procedures and functions tutorials and sample codes.