An effect of the navigation bar DIV+CSS
Apply now to the guest site!
Copy CodeThe code is as follows:
- Find a Job
- Find a House
- Bicycle Trading
- Take a car for a job
- Carpool commute
- Skill Exchange
- Goods Exchange
- Language Exchange
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; Charset=utf-8 "/> <title>test</title> <style> * {margin:0; padding:0; list-style:none;} body{font-size:12px; margin:100px;} #info {border:1px solid #BCFF1D; width:348px; background: #D6FF8C URL (/upload/200732411541374.gif) no-repeat left top; Float:left; } #info ul{margin:5px;width:338px} #info li{width:33%; height:40px; float:left;} #info Li a{font-size:12px; font-weight:normal; line-height:35px; Display:block;color: #000; text-decoration:none; Padding-left:40px;background:url (/upload/200732411542811.gif) no-repeat;} #info Li A:link, #info li A:visited{background-position:center top} #info li A:hover, #info Li A:active{background-positio N:center Bottom} </style> </pead> <body> <ul> <li></li> <li> Find a job </li> <li> find a house </li> <li> Bike trading </li> <li> car search </li> <li> carpool commute </li> <li> skill Exchange </li> &L T;li> Goods Exchange </li> <li> language Exchange </li> </ul> </body> </ptml>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
Author: Zishu