Navigation bar, navigation bar Material
Set the highlight style in css of
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> untitled document </title>
<Style type = "text/css">
Body {padding: 0; margin: 0 ;}
Ul {list-style-type: none ;}
A {text-decoration: none ;}
. Maincontent {padding: 0 px; margin-right: 10px; margin-left: 10px; background: #000 ;}
. Maincontent. nav {color: # fff; height: 30px; background: #000 ;}
. Maincontent. nav ul {margin: 0px; line-height: 30px; display: block ;}
. Maincontent. nav ul li {float: left; line-height: 30px ;}
. Maincontent. nav ul li a {color: # fff; padding: 0 30px; line-height: 30px; display: block; cursor: pointer ;}
. Maincontent. nav ul li a: hover {color: # F03; background: # fff ;}
</Style>
</Head>
<Body>
<Div class = "maincontent">
<Div class = "nav">
<Ul>
<Li> <a href = ""> homepage </a> </li>
<Li> <a h> Home page </a> </li>
<Li> <a> Home page </a> </li>
<Li> <a> Home page </a> </li>
<Li> <a> Home page </a> </li>
<Li> <a> Home page </a> </li>
</Ul>
</Div>
</Div>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
