Placing a background image behind nav bar...

Hello! I am a newbie with this stuff. I want to place a background image behind the navbar, instead of a background color. How can I achieve this? I also am required to use flexbox, if that adds any restraints on what I want. my professor is lacking in the instructional department! 😅
No description
7 Replies
Jochem
Jochem•12mo ago
I'd recommend taking a look at MDN, it has a ton of good resources https://developer.mozilla.org/en-US/
MDN Web Docs
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
Jochem
Jochem•12mo ago
you can search for "css background" there and find resources on how to set backgrounds I could tell you which property to use outright, but it's more important to learn how to find this kind of information independently. I'd recommend looking through MDH, but I'll tell you if you really want me to
🌈 ✨ Lord_Tatertot03✨ 🌈
thank you! I am trying to get through this final project. My professor hasn't really been helpful, and TBH she doesn't even tell how to do these things. I am just trying to get through this class, lol! I'll give it a look and see if I can find it on my own! :D
Jochem
Jochem•12mo ago
in case I'm offline by the time you do want more help, it's the background-image property, you can use the url() function like this: background-image: url(https://picsum.photos/1920/1080/);
clevermissfox
clevermissfox•12mo ago
You may also want to look up the properties, background-size and background-repeat
🌈 ✨ Lord_Tatertot03✨ 🌈
thank you for help! I think the way my code is set up for my nav bar prevents me from completely doing what I want, but I know how to do it for the future :D
clevermissfox
clevermissfox•12mo ago
Wherever you put the bg color, instead use background-image
Want results from more Discord servers?
Add your server