You can create a fixed navigation bar in CSS by using the `position: fixed;` property. This will fix the navigation bar’s position on the screen and it will remain visible even when you scroll down the page. Here’s a simple example of how to do it:
HTML:
```
CSS:
```
#navbar {
background-color: #333; /* Set the background color */
position: fixed; /* Fix the position of the navbar */
top: 0; /* Position it at the top */
width: 100%; /* Make it span the entire width of the page */
display: flex; /* Alignment */
justify-content: space-around; /* Even spacing */
}
#navbar a {
color: #fff; /* Set the text color */
text-decoration: none; /* Remove the underlines */
padding: 15px; /* Add some padding */
}
#navbar a:hover {
background-color: #ddd; /* Change the background color on hover */
color: #333; /* Change the text color on hover */
}
```
This assumes that you have three sections on your page: Home, About, and Contact. The `a` elements inside the `navbar` div provide the links to these sections. You can, of course, modify the HTML and CSS according to your design needs. Please note that in order for the links to work there must be corresponding elements on the page with matching id’s. For example, for `Home` to work there must be a corresponding element on the page such as `
`.