Scribd
Upload
5 views2 pages

Nine

The document is an HTML webpage titled 'Backgrounds' that showcases various CSS properties for styling elements. It includes a header, a div with a background color tutorial, and various text elements styled with different colors and effects. The layout demonstrates the use of background properties, text alignment, and decorative styles in web design.

Uploaded by

Abdulwaheed Toheeb Olanrewaju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views2 pages

Nine

The document is an HTML webpage titled 'Backgrounds' that showcases various CSS properties for styling elements. It includes a header, a div with a background color tutorial, and various text elements styled with different colors and effects. The layout demonstrates the use of background properties, text alignment, and decorative styles in web design.

Uploaded by

Abdulwaheed Toheeb Olanrewaju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCtype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Backgrounds</title>
<style>
body{
background-position: right;
background-size: contain;
width: 300px;
height: auto;
background-repeat: repeat;
background-origin: border-box;
border: 10px rgb(13, 7, 190);
background-blend-mode: darken;

margin: 5px;
background-attachment: fixed;
background-clip: border-box;
}
div{
background-color: gray;
background-origin: border-box;
padding: 15px;
}
h1{
text-emphasis: circle green;
text-shadow: 2px 4px 5px yellow;
writing-mode: vertical-rl;
text-orientation: upright;
}
div h2{
color: blue;
background-clip: border-box;
font-variant:small-caps;
text-emphasis: triangle 2px blue;
}
div p{
color: yellow;
background-clip: padding-box;
line-height: 50px;
text-emphasis: dot red;
text-indent: 2cm;
letter-spacing: 2px;
}
p{
color: red;
text-align: center;
text-align-last: right;
text-justify: inter-word;
text-decoration: overline solid 2px green;
word-spacing: 20px;
white-space: nowrap;
line-break: loose;
}

h4{
text-transform: uppercase;
vertical-align: bottom;
width: 200px;
height: 100px;
border: 2px solid gold;
direction: ltr;
text-decoration: line-through solid 2px red;
}
</style>
</head>
<body>
<h1>Backgrounds' properties</h1>
<div>
<h2>background-color tutorial</h2>
<p>Welcome to tutor master</p>
</div><br/><hr>
<p style="white-space: normal;">text colour
whshfhsvxvbxfvbhdrvrfifjherjig,<br>sufhsufyusfyeuirfhefhsdfhvxcbvbvbbfbdh
hsffrifl<br>dfcasfhahsrfjf</p>
<br>
<h4>fhsfdfvfvbbnbcnbbcnvfxnmnvgsnfnmndfmn</h4>
<table>

<td>this is vertical alignment</td>

</table>
</body>
</html>

You might also like