<!DOCTYPE html>
<html>
<head>
<title> 3.5 CSS: Borders </title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<p class="mixed-styles"> This text will have mixed border colors! </p>
<!-- PART A -->
<p class=""> Make my border style dashed. </p>
<p class=""> Make my border style dotted. </p>
<p class=""> Make my border style solid. </p>
<!-- PART B -->
<h2 class=""> Make my border color yellow. </h2>
<h2 class=""> Make my border color pink. </h2>
<h2 class=""> Make my border color green. </h2>
<!-- PART C -->
<h1 class="">
Make my border side colors be: top red,
right black, bottom purple, and left orange.
</h1>
<h1 class="">
Make my border side styles be: top dotted, right solid,
bottom dashed, left double.
</h1>
<h1 class="">
Make my border side styles AND colors be:
top ridge red, right dashed black,
bottom groove green, left solid blue.
</h1>
</body>
<!-- Do not remove following lines. They're used to test. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://sites.webjam.org/grader/assignment3.5.js"></script>
</html>
.mixed-styles {
border-style: dotted;
border-color: red green blue purple;
}
/* PART A */
.pDashed {
}
.pDotted {
}
.pSolid {
}
/* PART B */
.h2Yellow {
border-style: solid;
}
.h2Pink {
border-style: solid;
}
.h2Green {
border-style: solid;
}
/* PART C */
.h1Mixed1 {
}
.h1Mixed2 {
}
.h1Mixed3 {
}
