zoukankan      html  css  js  c++  java
  • 用ul li做的menu怎么才能使整个li都是链接区域?

    a 加上 display:block

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    ul,li{ margin:0; padding:0; font-size:12px;}
    ul{ overflow:hidden;zoom:1;}
    ul li{float:left; display:inline; margin:0 1px;border-top:1px solid #ddd; list-style:none}
    ul li a{width:120px; height:30px; display:block; line-height:30px; text-align:center; font-weight:bold; text-decoration:none; background:#666 ;border-top:1px solid #ccc; color:#FFF;}
    ul li a:hover{background:#333;color:#C00;}
    </style>
    </head>
    
    <body>
    <ul>
      <li><a href="#">首页</a></li>
      <li><a href="#">新闻</a></li>
      <li><a href="#">咨询</a></li>
    </ul>
    </body>
    </html>
  • 相关阅读:
    Spring-AOP
    spring学习笔记
    费曼学习法:学习任何知识的好方法
    Spring学习
    Spring学习笔记
    Markdown学习(Typora)
    2020-07-16日报博客
    2020-07-15日报博客
    2020-07-14日报博客
    2020-07-13日报博客
  • 原文地址:https://www.cnblogs.com/fyy-888/p/5312861.html
Copyright © 2011-2022 走看看