လုပ်နည်း - Vertical Menu
CSS ဖြင့် ဒေါင်လိုက်မီနူးတစ်ခု ဖန်တီးနည်းကို လေ့လာပါ။
ဒေါင်လိုက် မီနူး
Vertical Button Group တစ်ခုကို ဖန်တီးနည်း
အဆင့် 1) HTML ကိုထည့်ပါ
ဥပမာ
<div class="vertical-menu">
<a href="#"
class="active">Home</a>
<a href="#">Link
1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
</div>
အဆင့် 2) CSS ကိုထည့်ပါ
ဥပမာ
.vertical-menu {
width: 200px; /* Set a width if you like */
}
.vertical-menu a {
background-color: #eee;
/* Grey background color */
color: black; /* Black text
color */
display: block; /* Make the links appear below
each other */
padding: 12px; /* Add some padding */
text-decoration: none; /* Remove underline from links */
}
.vertical-menu a:hover
{
background-color: #ccc; /*
Dark grey background on mouse-over */
}
.vertical-menu a.active {
background-color: #04AA6D; /* Add a green color to the "active/current" link
*/
color: white;
}
ဒေါင်လိုက် Scroll Menu
ဒေါင်လိုက် scroll menu ကိုအလိုရှိ ပါ က သီးခြားတစ်ခုသတ်မှတ်ပြီး ပိုင်ဆိုင်မှု height
ကိုထည့်ပါ -overflow
ဥပမာ
.vertical-menu {
width: 200px;
height: 150px;
overflow-y: auto;
}
အကြံပြုချက်- ပုံသေ အမြင့် ဘေးဘက် လမ်းညွှန်ချက် ဖန်တီးနည်းကို လေ့လာရန် ကျွန်ုပ်တို့၏ လုပ်နည်း - ဘေးဘက် လမ်းညွှန် သင်ခန်းစာကို ကြည့်ရှုပါ ။