English, asked by BrundansaiCH, 8 months ago

<!DOCTYPE html>
<html>
<head>
<style>
#grad1 {
height: 200px;
background-color: red; /* For browsers that do not support gradients */
background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); /* Standard syntax (must be last) */
}
</style>
</head>
<body>

<div id="grad1" style="text-align:center;margin:auto;color:White;font-size:30px;font-weight:bold">
<br>
</br> I AM SO COOL ♥️
</div>

</body>
</html>​

Answers

Answered by Anonymous
0

you should do it like this!

&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;style&gt;</p><p>#grad1 {</p><p>height: 200px;</p><p>background-color: red; /* For browsers that do not support gradients */</p><p>background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); /* Standard syntax (must be last) */</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p></p><p>&lt;div id="grad1" style="text-align:center;margin:auto;color:White;font-size:30px;font-weight:bold"&gt;</p><p>&lt;br&gt; </p><p>&lt;/br&gt; I AM SO COOL ♥️</p><p>&lt;/div&gt;</p><p></p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Attachments:
Similar questions