index.html dosyası :









mustafa







  • Sıradan

  • Sıradan 2

  • Sıradan 3

  • İşte Burası DropDown




    • Ürünler vs

    • Ürünler vs

    • Ürünler vs






    • Başka şeyler vs..

    • Başka şeyler vs..

    • Başka şeyler vs..









  • aaa


index.css dosyası :



* {
color: black;
margin:0px;
padding: 0px;
text-decoration: none;
}

.navbar {
position: sticky;
top: 0px;

margin-left: auto;
margin-right: auto;
width: 80%;
text-align: center;
background-color: brown;
}

.navUl {
background-color: brown;
width: 100%;
overflow:auto;
}

.NavUlLi {
list-style-type: none;
display: inline;

opacity: 0.5;
float: left;

}

.NavUlLi:not(:first-child) {
margin-left: 25px;
}


.NavUlLiRight {
display: inline;
list-style-type: none;
background-color: pink;
opacity: 0.7;
float: right;
}



.b {
width: 100%;
height: auto;

display: none;
position: absolute;
left:0px;
right: 0px;
}
.a:hover .b {
display: block;

}

.c {
float: left;
display: inline;
width: 50%;

height: auto;
background-color: green;
}

.c ul {
width: 100%;

}
.c ul li {
width: 100%;
list-style-type: none;
}




yukarıdaki navbar eklemek istediğim border-image şu linkteki resim : https://www.iconspng.com/image/47392/leafy-halfborder

ama bir türlü yapamadım ,hep saçma sapan yerlerde dört tane yukarıdaki resimden kalıyor; yardımcı olur musunuz ?