Scribd
Upload
23 views

Web Assignment Form

The document contains HTML code and CSS styling to create a table with columns and rows. The table has a title and headings for each column with cells containing numbers.

Uploaded by

Umair Sajid Minhas
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views

Web Assignment Form

The document contains HTML code and CSS styling to create a table with columns and rows. The table has a title and headings for each column with cells containing numbers.

Uploaded by

Umair Sajid Minhas
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Assignment 1

Web

<html>
<head>
<style type="text/css">
body{
background: #293f50;
color: #888;
font: 300 16px/22px "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-
serif;
}
.Table
{
display: table;
}
.Title
{
display: table-caption;
text-align: center;
font-weight: bold;
font-size: larger;
}
.Heading
{
display: table-row;
font-weight: bold;
text-align: center;
}
.Row
{
display: table-row;
}
.Cell
{
display: table-cell;
border: solid;
border-width: thin;
padding-left: 150px;
padding-right: 150px;
padding-top: 130px;
padding-bottom: 120px;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 15px 20px 15px 50px;
}

</style>
</head>
<body>

<div class="Table">
<div class="Title">
<p>This is a Table</p>
</div>
<div image ="bimage">
back ground image
</div>
<div class="Heading">
<div class="Cell">
<p>One</p>
</div>
<div class="Cell">
<p>Two</p>
</div>
<div class="Cell">
<p>Three</p>
</div>
</div>
<div class="Row">
<div class="Cell">
<p>1</p>
</div>
<div class="Cell">
<p>2</p>
</div>
<div class="Cell">
<p>3</p>
</div>
</div>
<div class="Row">
<div class="Cell">
<p>1</p>
</div>
<div class="Cell">
<p>2</p>
</div>
<div class="Cell">
<p>3</p>
</div>
</div>
</div>
</body>

</html>

You might also like