<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>Gradients</title>
</head>
<body>
<div style="padding:10px; width:360px; height:300px; border:1px solid #0000cc; background:linear-gradient(#ffcccc, #ccffcc, #ccccff); font-size:1.2em;">
This is a division using a gradient-colored background.<br>
<img src="images/smile.gif" alt="smile">
</div>
</body>
</html>
