background-repeat using no-repeat : background repeat « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. background repeat

background-repeat using no-repeat

  

<?xml version="1.0" encoding="iso-8859-1"?>
<!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>CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
  background-image: url(http://java2s.com/style/logo.png);
  background-repeat: no-repeat;
  background-color: #ffffff;
  font-family:arial;}
</style>

</head>

<body>
<h2>background-repeat using no-repeat</h2>
</body>
</html>








Related examples in the same category

1.The background-repeat Property
2.'background-repeat' Example
3.background-repeat: repeat-y
4.background-repeat: repeat-x
5.background-repeat: no-repeat
6.background-repeat: repeat-x;
7.background-repeat: repeat-y;
8.background-repeat: no-repeat;
9.background-repeat: repeat;
10.background-repeat using repeat-y
11.background-repeat: no repeat
12.background-repeat: repeat x
13.background-repeat: repeat y
14.background-repeat: no-repeat
15.Set background image and repeat separately
16.Set background repeat: repeat-x
17.background-repeat:repeat-y
18.background-repeat:repeat