background-repeat:repeat-y : background repeat « CSS « HTML / CSS
- HTML / CSS
- CSS
- background repeat
background-repeat:repeat-y
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
h2 {
background-image: url(http://www.java2s.com/style/logo.png);
background-repeat: repeat-y;
background-position: bottom;
margin: 10px 0 0 0;
padding: 0.5em 0 60px 0;
width: 600;
height: 600;
}
</style>
</head>
<body>
<h2>This is a header
this is a test. this is a test.
this is a test. this is a test.
this is a test. this is a test.
this is a test. this is a test.
this is a test. this is a test.
this is a test. this is a test.
</h2>
<p>This is a text.</p>
</body>
</html>
Related examples in the same category