On page CSS code is
<style type=”text/css” meida=”screen”> CSS code </style>
This code is places between the head tag.
Image view:
CSS coding for the website:
Below CSS code is used to styling the
- back ground
- back ground color
- text color
- text font
etc
<style type=”text/css” meida=”screen”>
body{
font-family: arial,sans-seif;
background-color: grey;
width: 80%;
float: center;
margin-left:auto;
margin-right:auto;
}
header{
color:white;
background-color:green;
padding:8px;
margin-left:auto;
margin-right:auto;
}
section{
background-color:white;
padding:20px;
margin:0px;
margin-left:auto;
margin-right:auto;
}
footer{
background-color:green;
padding:8px;
font-family:sans-serif;
margin-left:auto;
margin-right:auto;
}
</style>
Example:
Input Images
Input image 1
Input image 2
Output Image:
Output of two images
