• 《脱身》热播 陈坤和万茜都交出合格的演技 2019-10-16
  • 读出你的爱!市儿童公园父亲节亲子朗诵会等你来 2019-10-09
  • 十二届全国人大常委会第十次会议 2019-10-04
  • 外交部:美国务卿访华将向中方通报美朝领导人会晤有关情况 2019-10-04
  • 《新疆关于推进安全生产领域改革发展的实施意见》解读 2019-09-30
  • 南宁各界人士喜迎“两会” 深化多元合作谋求商机 2019-09-28
  • 早新闻伊能静产女秦昊晒合影 揭高颜值男神女妆惊艳照 2019-09-28
  • 加快生态文明体制改革,建设美丽中国 2019-09-26
  • 【学习时刻】北京大学发展经济学系主任曹和平:中央经济工作会议具有全球视野 2019-09-26
  • 新经济企业发审标准不降低 询价机构需审慎合理报价 2019-09-24
  • 此理论大体可以这样理解,即一个市场中的经济实体为追求最大的利润,多次进行扩大生产,每一次投资所产生的效益都会与上一次投资产生的效益之间要有一个差,这个差就是边际 2019-09-24
  • 鄱阳湖花海:文明仍应成为最美风景 2019-09-13
  • 最后的骑兵:解放军高原骑兵腰挎马刀热血冬训 2019-09-13
  • 4类伤肝的水果尽量少吃 多吃这4种护肝的水果-美食资讯 2019-09-10
  • 泉州市开展“乡村记忆文化”项目建设三年行动 2019-09-08

  • 您所在的位置:森林狼vs骑士 > 软件教程 > 网页设计 > Dreamweaver视频教程 > Dreamweaver CSS网页布局ul和li范例

    森林狼vs公牛录像:Dreamweaver CSS网页布局ul和li范例

    作者:  来源:  访问: 次 更新: 2014-01-13
    导 读:在CSS布局中,ul,li的运用是非常常见的。配合DIV与CSS,创建无表格布局。
    标 签:

    森林狼vs骑士 www.88ef.net 在CSS布局中,ul,li的运用是非常常见的。配合DIV与CSS,创建无表格布局。
    其实Dreamweaver中也有自带的CSS布局的范例,如下图:

    LI代码的格式化:
    A).运用CSS格式化列表符:
    ul li{
    list-style-type:none;
    }
    例如下面的:
    供求信息

    B).如果你想将列表符换成图像,则:
    ul li{
    list-style-type:none;
    list-style-image: url(images/icon.gif);
    }
    例如下面的:
    供求信息

    C).为了左对齐,可以用如下代码:
    ul{
    list-style-type:none;
    margin:0px;
    }
    例如下面的:
    供求信息

    D).如果想给列表加背景色,可以用如下代码:
    ul{
    list-style-type: none;
    margin:0px;
    }
    ul li{
    background:#CCC;
    }
    例如下面的:
    供求信息

    E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:
    ul{ list-style-type: none; margin:0px; }
    ul li a{ display:block; width: 100%; background:#ccc; }
    ul li a:hover{ background:#999; }
    说明:display:block;这一行必须要加的,这样才能块状显示!

    例如下面的:
    供求信息

    F).LI中的元素水平排列,关键FLOAT:LEFT:
    ul{
    list-style-type:none;
    width:100%;
    }
    ul li{
    width:80px;
    float:left;
    }

    Dreamweaver视频教程
    分享到:
    更多
    森林狼vs骑士| 森林狼vs骑士| 友情链接| 网站地图| 关于本站
    论坛交流
    本站资源来自网络,如有侵犯您的权宜,请联系站长删除! 滇ICP备11000673号-2
  • 《脱身》热播 陈坤和万茜都交出合格的演技 2019-10-16
  • 读出你的爱!市儿童公园父亲节亲子朗诵会等你来 2019-10-09
  • 十二届全国人大常委会第十次会议 2019-10-04
  • 外交部:美国务卿访华将向中方通报美朝领导人会晤有关情况 2019-10-04
  • 《新疆关于推进安全生产领域改革发展的实施意见》解读 2019-09-30
  • 南宁各界人士喜迎“两会” 深化多元合作谋求商机 2019-09-28
  • 早新闻伊能静产女秦昊晒合影 揭高颜值男神女妆惊艳照 2019-09-28
  • 加快生态文明体制改革,建设美丽中国 2019-09-26
  • 【学习时刻】北京大学发展经济学系主任曹和平:中央经济工作会议具有全球视野 2019-09-26
  • 新经济企业发审标准不降低 询价机构需审慎合理报价 2019-09-24
  • 此理论大体可以这样理解,即一个市场中的经济实体为追求最大的利润,多次进行扩大生产,每一次投资所产生的效益都会与上一次投资产生的效益之间要有一个差,这个差就是边际 2019-09-24
  • 鄱阳湖花海:文明仍应成为最美风景 2019-09-13
  • 最后的骑兵:解放军高原骑兵腰挎马刀热血冬训 2019-09-13
  • 4类伤肝的水果尽量少吃 多吃这4种护肝的水果-美食资讯 2019-09-10
  • 泉州市开展“乡村记忆文化”项目建设三年行动 2019-09-08
  • 足彩倍投 内蒙古时时怎么查 免费麻将游戏4人打麻将 北京pk赛车官网下载 多宝国际娱乐 游艇会电子游艺app 赛车5码两期计划 时时缩水软件在线 pt平台娱乐 吉林快三软件自动 pk10滚雪球计划app 重庆时时彩直播软件 四川时时投注平台 竞彩网足球比分直播现场 手机购彩 电子游戏爆分和吃分的时间