Set background color and background image in css for page:
In the CSS background-color property is used to set the background color for the web page
The background color of a page is set like this:
<html>
<head>
<title>
Set Background color in css for page
</title>
<style> //style tag is used to specified the css style
body {
background-color: lightblue; // background color is set by lightblue
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This page has a light blue background color!</p>
</body>
</html>
Output or the Browser view of the above web page:
<html>
<head>
<title>
Set Background color in css for page
</title>
<style>
body {
background-image:url('C:\Users\Public\Pictures\Sample Pictures\Desert.jpg');
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This page has a image on the background!</p>
</body>
</html>
Browser view of above web page:
In the CSS background-color property is used to set the background color for the web page
The background color of a page is set like this:
<html>
<head>
<title>
Set Background color in css for page
</title>
<style> //style tag is used to specified the css style
body {
background-color: lightblue; // background color is set by lightblue
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This page has a light blue background color!</p>
</body>
</html>
Output or the Browser view of the above web page:
In this web page the background color is lightblue
Set Background image:
In CSS we use backround-image:url('path of the image/location of image\name of image .extension');
<head>
<title>
Set Background color in css for page
</title>
<style>
body {
background-image:url('C:\Users\Public\Pictures\Sample Pictures\Desert.jpg');
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This page has a image on the background!</p>
</body>
</html>
Browser view of above web page:
No comments:
Post a Comment