इस
<nav>
<ul>
<li><a href="#">button</a></li>
</ul>
</nav>
की कोशिश करो और इस सीएसएस है
nav
{
position:fixed;
bottom:350px;
left:600px;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
background: #FFD700;
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
padding: 0 20px;
border-radius: 10px;
list-style: none;
position: relative;
display: inline-table;
color:black;
}
nav ul:after {
content: ""; clear: both; display: block;
}
nav ul li {
float: left;
}
nav ul li:hover {
background: #FFD700;
color:white;
}
nav ul li:hover a {
color:black;
}
nav ul li a {
display: block; padding: 25px 40px;
color: maroon; text-decoration: none;
}
nav ul ul {
background: #CFB53B;border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 15px 40px;
color: #fff;
}
nav ul ul li a:hover {
background: #996515;
}
स्रोत
2013-02-08 06:35:09
आप वास्तव में इस सवाल का शीर्षक को साफ करना चाहिए की तरह भी कर सकते हैं। मुझे बिल्कुल यकीन नहीं है कि आप क्या पूछ रहे हैं, अन्यथा मैं खुद को कोशिश करूँगा – Ian
ओह क्षमा करें ... शीर्षक –
शीर्षक सेट करना भूल गया, कोई समस्या नहीं, सिर्फ सोचा कि प्रश्नों की सूची देखते समय यह वास्तव में उपयोगी नहीं होगा या खोज उद्देश्यों के लिए – Ian