Total members 11793 |It is currently Fri Aug 23, 2019 11:47 am Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





In this example we present how to add gradient color to your web page background without using image banner. In this case we use CSS properties one for Mozilla Firefox, one for Internet Explore and one for Chrome.
Code:
<html>

<
head>
  <
title>background attachments</title>
<
style type='text/css'>
body {
filter
progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b74b0'endColorstr='#2b446a');
background:
-
moz-linear-gradient(50100% , #2b446a 20%, #4b74b0 100%) 
repeat scroll 0 0 transparent;
background:
-
webkit-gradient(linear0 100%, 0 20%, from(#2b446a), to(#4b74b0));

height:800px;
</
style>

</
head>

<
body>
<
p
 
gradient  background color using CSS
</p>
</
body>
</
html>

 





Author:
Mastermind
User avatar Posts: 2707
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : gradient background color using CSS
 Gradient Color in java     -  
 skymiles background color     -  
 Background color - mile200     -  
 change background color with RGB     -  
 Follow window background color     -  
 inherit background color from the parent element     -  
 changing the background color for site main menu.     -  
 draw Round gradient     -  
 Calculating image Gradient     -  
 Color and CSS     -  



Topic Tags

CSS Background






Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com