Interview: Basic Horizontal Nav Bar

It’s like this:

Here is the code:

Mostly self explanatory:

<ul class=”list”>
<li *ngFor=”let item of list”>{{item}}</li>
</ul>

.list {
list-style-type: none;
margin: 0;
padding: 10px 0;
border…


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Kurapati Mahesh

It's like this:

Image description

Here is the code:

Mostly self explanatory:

<ul class="list">
    <li *ngFor="let item of list">{{item}}</li>
</ul>

.list {
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    border: 1px solid grey;
    margin: 5px 5px 0 5px;
    > li {
        display: inline;
        padding: 11px;
        border-right: inherit;
        opacity: 0.7;
        &:hover {
            background-color: grey;
            opacity: 1;
        }
    }
}

Thanks,
Vishwak


This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Kurapati Mahesh


Print Share Comment Cite Upload Translate Updates
APA

Kurapati Mahesh | Sciencx (2022-12-19T04:11:26+00:00) Interview: Basic Horizontal Nav Bar. Retrieved from https://www.scien.cx/2022/12/19/interview-basic-horizontal-nav-bar/

MLA
" » Interview: Basic Horizontal Nav Bar." Kurapati Mahesh | Sciencx - Monday December 19, 2022, https://www.scien.cx/2022/12/19/interview-basic-horizontal-nav-bar/
HARVARD
Kurapati Mahesh | Sciencx Monday December 19, 2022 » Interview: Basic Horizontal Nav Bar., viewed ,<https://www.scien.cx/2022/12/19/interview-basic-horizontal-nav-bar/>
VANCOUVER
Kurapati Mahesh | Sciencx - » Interview: Basic Horizontal Nav Bar. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/12/19/interview-basic-horizontal-nav-bar/
CHICAGO
" » Interview: Basic Horizontal Nav Bar." Kurapati Mahesh | Sciencx - Accessed . https://www.scien.cx/2022/12/19/interview-basic-horizontal-nav-bar/
IEEE
" » Interview: Basic Horizontal Nav Bar." Kurapati Mahesh | Sciencx [Online]. Available: https://www.scien.cx/2022/12/19/interview-basic-horizontal-nav-bar/. [Accessed: ]
rf:citation
» Interview: Basic Horizontal Nav Bar | Kurapati Mahesh | Sciencx | https://www.scien.cx/2022/12/19/interview-basic-horizontal-nav-bar/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts