页脚菜单中的HTML和CSS

-5

如何使这个菜单页脚HTML和级联样式表页脚菜单中的HTML和CSS

如何在级联样式表使*？

<footer> 
    <ul> 
    <li><a href="">Home</a> 
    </li> 
    <li> 
     <a href="">About Us</a> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
    </li> 
    <li> 
     <a href="">Portfolio</a> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
    </li> 
    <li><a href="">Clients</a> 
    </li> 
    <li> 
     <a href="">Events</a> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
    </li> 
    <li> 
     <a href="">Media</a> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">Lorem Ipsum</a> 
     </ul> 
     <ul><a href="">ILorem Ipsum</a> 
     </ul> 
    </li> 
    <li><a href="">Contact Us</a> 
    </li> 
    </ul> 
</footer>

来源

2014-09-24 WoodyM

什么是你的预算是多少？ – GolezTrol 2014-09-24 13:49:40

制作页脚并将html链接放在那里。完成。 – Tom 2014-09-24 13:50:29

无限制GolezTrol – WoodyM 2014-09-24 13:52:35

你的意思是成才这样吗？ DEMO

HTML：

<ul> 
    <li>Home</li> 
    <li>About Us 
     <ul> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
     </ul> 
    </li> 
    <li>Portfolio 
     <ul> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
     </ul> 
    </li> 
    <li>Clients</li> 
    <li>Events 
     <ul> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
     </ul> 
    </li> 
    <li>Media 
     <ul> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
      <li>Lorem Ipsum</li> 
      <li>ILorem Ipsum</li> 
     </ul> 
    </li> 
    <li>Contact Us</li> 
</ul>

的CSS：

body{width:100%;} 
ul {width:100%; list-style:none;} 
ul li {float:left; width:150px; font-weight:bold;} 
ul li ul {padding:0;} 
ul li ul li {float:none; padding:5px 0; font-weight:normal;}

http://jsfiddle.net/wdz68kxk/

来源

2014-09-24 14:17:55

非常感谢：D：D – WoodyM 2014-09-24 20:33:33

你可以试试这个：

#menu { 
    position: absolute; 
    bottom: 0; 
}

来源

2014-09-24 13:51:46 yuanzm

您能否扩展此代码如何回答问题？ – Huangism 2014-09-24 14:49:01

页脚菜单中的HTML和CSS

回答

相关问题