css学习制作一个导航栏dome

功能

  1. 实现当鼠标悬浮时,样式为切换背景图片。
  2. 行内元素,没有宽高,转换为inline-block.
  3. 如图:
    css学习制作一个导航栏dome_第1张图片

知识点

  1. /* 因为a是行内元素,没有宽高,所以要转换为inline-block */
    display: inline-block;
  2. /* 去掉下划线 */
    text-decoration: none;
  3. /* 当行内元素的高度设置的和父元素一样高,就垂直居中了 */
    line-height: 50px;

    代码




    
    
    
    Document



    


你可能感兴趣的:(css学习制作一个导航栏dome)