CSS學習(一)橫嚮導航

來源:互聯網
上載者:User
  • HOME
  • ASP.NET
  • PHP
  • JAVASCRIPT
  • SEO
  • SQLSERVER
  • JQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /><title>無標題文檔</title><br /></head><br /><style><br />#nav { width:1000px; margin:auto;}<br />#nav li {<br />list-style-type:none;<br />float:left;}<br />#nav li a {<br />color:#000000;<br />text-decoration:none;<br />padding-top:4px;<br />display:block;<br />width:120px;<br />height:22px;<br />text-align:center;<br />background-color:#ececec;<br />margin-left:2px;}<br />#nav li a:hover { background-color:#bbbbbb; color:#ffffff;}<br /></style><br /><ul id="nav"><br /><li><a href="#" target="_blank">HOME</a> </li><br /><li><a href="#" target="_blank">ASP.NET</a> </li><br /><li><a href="#" target="_blank">PHP</a> </li><br /><li><a href="#" target="_blank">JAVASCRIPT</a> </li><br /><li><a href="#" target="_blank">SEO</a> </li><br /><li><a href="#" target="_blank">SQLSERVER</a> </li></span><br /></ul><br /></body><br /></html><br />
可以自己修改內容

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.