Help with making a section of html transparent

HTML-CSS
1

I want to make this all transparent except the text, but I have a box in the background That I can’t make transparent nor the textbooks for the future pages.

photo of what I’m talking about:

cluck clucckckckc
cluck clucckckckc238×189 3.39 KB

2

here is the code I couldn’t put in the main post cause of the rediculous rules with amount of links to put.

Anyways here it is for refence:

3 
<li><a href="#home">Home</a></li>
  <li><a href="#news">Birdfeed</a></li>
  <li><a href="#contact">Chickens</a></li>
</ul>
5

this has to do with the CSS not the raw html code by itself I think. Maybe showing your CSS will help more

6

I’m new to css but here is what I have:
image

7

i think showing all of your code will help more and which box do you not want?

8

I don’t know how to connect css to html. I have a css connector code line, but the css file won’t connect.

here is my code:
image

9

if the css file won’t connect maybe it’s because the file name doesn’t match the name you are linking with href

10

Hi buddy, See here this is the file name styles.css which you need to do add.

Screenshot (123)
Screenshot (123)660×151 7.21 KB

In your href element do add styles.css then your css will get connect to the html page.

Hope You Understand.

11

image
is this correct?