xxxxxxxxxx
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* Apply styles to the image */
img {
width: 512px; /* Set the width of the image */
height: 512px; /* Set the height of the image */
object-fit: cover; /* Preserve the aspect ratio and cover the entire container */
border: 2px solid #333; /* Add a border to the image */
border-radius: 8px; /* Optional: Add border-radius for rounded corners */
}
</style>
<title>Image Styling</title>
</head>
<body>
<!-- Your image element -->
<img src="path/to/your/image.jpg" alt="Your Image Description">
</body>
</html>