HTML CSS Gradient - I have try everything

Question

Before any thing thanks for pay attencion to me.

I just want to make a grandient.

So in HTML i have create a div simple as that.

Code:

body {
}

.containerallbody {
  width: 800px;
  height:  300px;
  background-color: #0076b4;
  background-image: -moz-linear-gradient (top, #0076b4 0%, white 100%);
  background-image: -webkit-linear-gradient (top, #0076b4 0%, white 100%);
  background-image: linear-gradient (top, #0076b4 0%, white 100%); /*STANDARD*/
}

<body>
  <div class="containerallbody">

  </div>
</body>

I have try Safari, Chrome, Firefox and IE. I Try also every thing that shows on w3scholls. And i have seen a lots of videos on youtube talking about this, i dont know what to do more. I just want a simple background cover all the body with a linear grandient from blue to white.

Can anyone save me please?

I have try also istend using background-image: just background: and nothing — André Machado
– André Machado, Commented Aug 30, 2017 at 1:52

Sebastian Simon · Accepted Answer · 2017-08-30 02:03:22Z

6

You have an extra space after the linear-gradient.

body {
}

.containerallbody {
  width: 800px;
  height:  300px;
  background-color: #0076b4;
  background-image: -moz-linear-gradient(top, #0076b4 0%, white 100%);
  background-image: -webkit-linear-gradient(top, #0076b4 0%, white 100%);
  background-image: linear-gradient(top, #0076b4 0%, white 100%); /*STANDARD*/
}

<body>
  <div class="containerallbody">

  </div>
</body>

edited Aug 30, 2017 at 2:03

Sebastian Simon

19.8k8 gold badges61 silver badges88 bronze badges

answered Aug 30, 2017 at 1:59

JoxieMedina

1,0331 gold badge16 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

André Machado Over a year ago

YOU are just amazing! I have start HTML not long ago, i dont realize that may hapen. Thanks!

Patrick Mlr Over a year ago

You can also use linear-gradient(#0076b4, white);. Top to Bottom is default

Collectives™ on Stack Overflow

HTML CSS Gradient - I have try everything

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related