A very simple navigation bar, which can be easily used in the future;
Ie7, ie7, and Firefox have all been tested; no problem;
Copy codeThe Code is as follows: * {padding: 0; margin: 0; font-size: 12px; line-height: 1.7; font-family: Verdana, "", Arial; list-style: none ;}
/* A simple definition of global */
A: link, a: visited {background: # FFF3C6 url(jaian.gif) no-repeat 15px 7px; padding-left: 23px; color: #000000; text-decoration: none ;}
A: hover, a: active {color: #000; text-decoration: none; background-color: # FED762 ;}
A {display: block; border-bottom: 1px solid # fff; padding-left: 10px; width: pixel ;}
/* Define the link style */
Ul {background: # fff; width: 150px; border: 1px solid # FF6600; margin: 0px 20px-1px 20px; padding: 1px ;}
/* Define UL */
Span {display: block; background: # FF9900 url(jai.gif) no-repeat 5px 5px; padding-left: 13px ;}
Copy codeThe Code is as follows: <ul> <span> homepage </span>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> my logs </a> </li>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> Leave me a message </a> </li>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> sentiment article </a> </li>
</Ul>
<Ul> <span> homepage </span>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> my logs </a> </li>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> Leave me a message </a> </li>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> sentiment article </a> </li>
</Ul>
<Ul> <span> homepage </span>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> my logs </a> </li>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> Leave me a message </a> </li>
<Li> <a href = "http://www.zishu.cn" target = "_ blank"> sentiment article </a> </li>
</Ul>
Results page
Xmlns = "http://www.w3.org/1999/xhtml">
Homepage
- My logs
- Leave me a message
- Emotional articles
Homepage
- My logs
- Leave me a message
- Emotional articles
Homepage
- My logs
- Leave me a message
- Emotional articles