<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("tom.gif");
background-repeat: no-repeat;
background-position: right top;
margin-right: 200px;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>Background no-repeat, set position example.</p>
<p><i>Now the background image is only shown once, and positioned away from the text.</p></i>
<p>In this example we have also added a margin on the right side, so the background image will never disturb the text.</p>
</body>
</html>
https://www.youtube.com/channel/UCKLRUr6U5OFeu7FLOpQ-FSw/videos
0 comments
Post a Comment