Scribd
Upload
0 views

Untitled document (15)

The document is an HTML template that categorizes various items into four sections: Animals, Months, Countries, and Food Items. Each category is styled with different border types and colors. The content includes examples such as 'Mouse' and 'Jaguar' for Animals, and 'March' and 'December' for Months.

Uploaded by

Matthew Santos
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0 views

Untitled document (15)

The document is an HTML template that categorizes various items into four sections: Animals, Months, Countries, and Food Items. Each category is styled with different border types and colors. The content includes examples such as 'Mouse' and 'Jaguar' for Animals, and 'March' and 'December' for Months.

Uploaded by

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

SANTOS, MATTHEW EMMUEL D.

BSIT605

<!DOCTYPE html>
<html lang="en">
<head>
<style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Border Categories</title>
<link rel="stylesheet" href="styles.css">

body {
font-family: Arial, sans-serif;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin: 20px;
}

.category {
width: 250px;
padding: 20px;
margin: 10px;
text-align: center;
}

.animals {
border: 5px solid;
border-color: red orange;
}

.months {
border: 5px solid;
border-color: yellow green;
}

.countries {
border: 5px dashed;
border-color: blue indigo;
}

.food {
border: 5px dotted;
border-color: violet pink;
}
</style>
</head>
<body>
<div class="category animals">
<h2>Animals</h2>
<p>Mouse, Jaguar, Dog, Ape</p>
</div>
<div class="category months">
<h2>Months</h2>
<p>March, December, August, January</p>
</div>
<div class="category countries">
<h2>Countries</h2>
<p>Denmark, Australia, Myanmar, Japan</p>
</div>
<div class="category food">
<h2>Food Items</h2>
<p>Jelly, Almonds, Marshmallow, Dragon Fruit</p>
</div>
</body>
</html>

You might also like