admin   发表于 2015-6-3 13:25:28 |栏目:
第四课、纵向导航菜单的制作
1、插入一个ID为menu的div,插入ul
从预览的效果上看,四周都有很大的空隙,而且每一行前边还有个点,这是因为标签的默认样式造成的,下面我们需要创建样式表把标签的默认样式给清除掉

2、插入复合内容menu ul的css
列表->列表样式->无
方框->内外边距都是0

3、重新定义body标签
字体
大小:12px
行高:1.5

4、定义menu的css
边框->样式:虚线
      宽度:1
      颜色:#ccc
方框:100宽度

5、新建复合内容css
#menu ul li
背景:#eee
方框:高度:26px;
      左右填充8,上下0px
类型:行高:26px;
边框:下:虚线,宽:1px,颜色:#ccc

6、设置超链接#
7、定义a标签css样式
类型:颜色黑色
文字修饰:无

8、定义鼠标滑过的样式,复合内容a:hover
类型:颜色:红




视频教程下载地址:
游客,如果您要查看本帖隐藏内容请回复

从事Discuz周边研究开发8年多,熟悉SEO、运营等,解决各种discuz问题.有偿建站仿站。QQ:537209468
服务器只买1云,1云服务器半价。
  • TA的每日心情
    开心
    2017-4-28 08:55
  • 签到天数: 63 天

    [LV.6]常住居民II

    一生

    正式站长

    一生   发表于 2015-7-16 07:16:38 |栏目:
    从事Discuz周边研究开发3年多,熟悉SEO、运营等,解决各种discuz问题.有偿建站仿站。

    该用户从未签到

    艾密斯

    初出江湖

    艾密斯   发表于 2020-2-5 20:06:30 |栏目:
    谢谢分享,辛苦了
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表