<!DOCTYPE html>
<html>
<head>
<title>Table</title>
<style>
Body{
Background-image: url(‘https://zameenblog.s3.amazonaws.com/blog/wp-content/uploads/2019/11/bookstall21.jpg’); Background-size: cover;
Background-position: center;
}
Table {
Border: 2px solid black;
Border-collapse: collapse;
Margin: auto; Margin-top: 150px; Background-color: rgba(255, 255, 255, 0.7); Width: 80%; Max-width: 600px; Height: auto; }
TA
Th {
Color: maroon;
Text-transform: uppercase;
}
.marquee-container {
Width: 100%;
Height: 100px; Display: flex;
Justify-content: center;
Align-items: center;
Overflow: hidden;
}
.marquee {
Border: solid;
Background: grey;
Color: rgb(0, 221, 255);
Width: calc(100% - 40px); Height: 80px; Margin: 20px; Display: flex;
Justify-content: center;
Align-items: center;
}
</style>
</head>
<body>
<div class=”marquee-container”>
<marquee class=”marquee” behavior=”alternate” direction=”left” scrollamount=”30”>
<h1>STATIONARY&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SHOP</h1> </marquee>
</div>
<table border=”1”>
<tr bgcolor=”grey”>
<th><h4>things</h4></th>
<th><h4>price</h4></th>
</tr>
<tr>
<td>ballpoint pen</td>
<td>₹10</td>
</tr>
<tr>
<td>pencil</td>
<td>₹5</td>
</tr>
<tr>
<td>eraser</td>
<td>₹3</td>
</tr>
<tr>
<td>sharpener</td>
<td>₹4</td>
</tr>
<tr>
<td>hero pen</td>
<td>₹60</td>
</tr>
<tr>
<td>ink bottle</td>
<td>₹25</td>
</tr>
<tr>
<td>tape</td>
<td>₹20</td>
</tr>
<tr>
<td>glue</td>
<td>₹20</td>
</tr>
<tr>
<td>whitener</td>
<td>₹50</td>
</tr>
</table>
</body>
</html>