ఎలా సృష్టించాలి: హోరిజంటల్ స్క్రోలింగ్ మెనూ
CSS ద్వారా హోరిజంటల్ స్క్రోలింగ్ మెనూ ఎలా సృష్టించాలి తెలుసుకోండి.
హోవర్లు స్క్రోలింగ్ మెనూ సృష్టించడం ఎలా?
మొదటి చర్య - HTML జోడించండి:
div.class="scrollmenu"> <a href="#home">Home</a> <a href="#news">News</a> <a href="#contact">Contact</a> <a href="#about">About</a> ... </div>
రెండవ చర్య - CSS జోడించండి:
నావిగేషన్ బార్ స్క్రాలింగ్ చేయడానికి overflow:auto మరియు white-space:nowrap ఉపయోగించడం విధానం ఉంది:
div.scrollmenu { background-color: #333; overflow: auto; white-space: nowrap; } div.scrollmenu a { display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; } div.scrollmenu a:hover { background-color: #777; }
相关页面
教程:CSS 导航栏