محرر ويب أونلاين

<!DOCTYPE html>
<html>
	<head>
 <style>
body {
 background-image: url('/tutorials/css/background/moon.png');
	background-color: cornflowerblue;
 background-repeat: no-repeat;
 background-position: right top;
 padding-right: 130px;
 background-attachment: fixed;
}
 </style>
	</head>
	<body>
 <h1>Background color with image</h1>
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 Scroll down to see how the background is fixed.
 </body>
</html>