Simple radial background.

This is the most simple example with HTML5. The result is one radial effect background blue.
I add some text with style color white over this background.
You can start with one default HTML5 and add the style of body tag.
First create one file and named my_test.html. Then you can add this source code:
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>Title of the document</title>
<style type=”text/css”>
*{
margin:0;
padding:0;
}

html,body{
width:100%;
height:100%;
}
body{
overflow:hidden;
background:radial-gradient(#4777B0 0%,#201D31  100%);
}</style>
</head>
<body>
<p style=’color:white’>free-tutorials.org – some text over background!</p>
</body>
</html>

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.