Greetings! I have defined an ID named #img in my stylesheet with the property border-radius: 15px; In my HTML, I assigned this ID to a div. However, the images within that div are not getting rounded corners as expected. When using the img selector, it affects all images which is not what I want because I need the logo and the first image to remain unaffected.
Here's a snippet of my code:
body {
margin: auto;
font-family: Arial, Helvetica, sans-serif;
background-image: url('assets/bg800bulbs.jpg');
background-color: #FFFFFF;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
...
<!DOCTYPE html>
<html>
<head>
<title></title>
...
</head>
<body>
<div id="page">
<table id="menu">
...
<image src="assets/logo32.png"></image>
...
<p><a href="#AB" , style="color: black; text-decoration: none;" ;>About Us</a></p>
<p><a href="#T" , style="text-decoration: none; color: black;" ;>Testimonials</a></p>
<div>
<image src="assets/htgreen-hero.jpg"></image>
</div>
<div id="text">
<h2>Towards a zero electricity bill</h2>
<div>
<hr>
</div>
</div>
...
</div>
</body>