asp.net--站点架构（页脚设计）和配色与样式统一设定

最新推荐文章于 2021-06-08 20:36:53 发布

yayun0516

最新推荐文章于 2021-06-08 20:36:53 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/yayun0516/article/details/41414851

版权

asp.net 专栏收录该内容

117 篇文章 7 订阅

订阅专栏

css代码如下：

#divmst_copyRight { color:gray; font-size:12px;}

#divmst_submenuList
{ min-height:100px;
  background-image:url(../App_imgs/back_foot2.png),url(../App_imgs/back_foot1.png); }<span style="color:#ff0000;">注释：这是复合的背景效果</span>

效果如下：

为了实现上图效果，CSS代码如下：

/*子菜单*/
    /*submenuHolder 宽度:120px*/
    .submenuHolder
    { width:100px; padding:10px; padding-bottom:35px;
      background-image:url(../App_imgs/back_submenu.png);
      background-repeat:no-repeat;
      background-position:bottom right;
      background-color:#A0A0A0;    }
    .submenuHolder ul { list-style:none;}
    .submenuHolder li
    { padding:10px; font-size:14px;
      border-bottom:1px solid silver;  }
    .submenuHolder li:hover
    { background-color:silver;
      background-image:url(../App_imgs/back_listitem.png);
      background-repeat:no-repeat;
      background-position:right center;}
    .submenuHolder a { color:#444;}
    .submenuHolder li:hover a { color:Black;}