body { background-color: bisque;
}<!DOCTYPE html>
<html>
<head>
<title>Reading</title>
</head>
<body>
<h1>
<button><a href="index.html">Home</a></button>
<button><a href="reading.html">Reading</a><br/></button>
<button><a href="coffee.html">Coffee</a></button>
</h1>
<div>
<h1>I enjoy drinking several cups of coffee during the week.</h1>
<img src="cof1.JPG" height="171" width="294"
alt="Coffee"/>
<img src="cof2.JPG" height="168" width="300"
alt="Coffee"/>
<h2>Some of my top coffee picks include:</h2>
<OL>
<LI> Cafe Crema</LI>
<LI>Yaucono</LI>
<LI>Arabigo</LI>
<LI>Cafe Lareño</LI>
<LI>Mami</LI>
</OL>
</div>
</body>
</html>I've experimented with various styles in an attempt to adjust the background color, but I haven't been successful. While this webpage functions correctly, it lacks visual appeal. Using CSS is necessary to compare the different styles.