• 贯彻落实习近平生态文明思想 为建设美丽新疆作出人大贡献 2019-08-20
  • 起底人体胎盘黑市:倒卖团伙盘踞医院 每个可卖千元 2019-08-19
  • [鼓掌]小撸又来卖萌?那你给大家讲讲? 2019-08-17
  • 高清:探访广西高考阅卷现场 2019-08-12
  • 搭着发达国家的顺风车,实现赶、超、创。 2019-08-11
  • 重建社会:今天的中国人还需要祠堂吗? 2019-08-08
  • 美钢铝关税政策引发各界忧虑 2019-08-08
  • 【中国梦·践行者】社区规划师:他用一碗粥松动了人心之间的壁垒 2019-08-05
  • 向青春致敬!大学生图片记录校园24小时故事 2019-08-05
  • 新零售下的老字号复兴 2019-07-27
  • 一语惊坛(5月22日):精忠报国是每一个热血青年的夙愿! 2019-07-27
  • 双十一探访中国电商第一村白牛村 2019-07-23
  • 【一汽丰田特约】每日精选世界杯88年第一次弟弟替补哥哥 2019-07-22
  • 日本央行维持超宽松货币政策不变 2019-07-22
  • 高校毕业生基层培养计划实施方案 2019-07-22

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

    0304年西部森林狼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骑士| 友情链接| 网站地图| 关于本站
    森林狼vs骑士
    本站资源来自网络,如有侵犯您的权宜,请联系站长删除! 滇ICP备11000673号-2
  • 贯彻落实习近平生态文明思想 为建设美丽新疆作出人大贡献 2019-08-20
  • 起底人体胎盘黑市:倒卖团伙盘踞医院 每个可卖千元 2019-08-19
  • [鼓掌]小撸又来卖萌?那你给大家讲讲? 2019-08-17
  • 高清:探访广西高考阅卷现场 2019-08-12
  • 搭着发达国家的顺风车,实现赶、超、创。 2019-08-11
  • 重建社会:今天的中国人还需要祠堂吗? 2019-08-08
  • 美钢铝关税政策引发各界忧虑 2019-08-08
  • 【中国梦·践行者】社区规划师:他用一碗粥松动了人心之间的壁垒 2019-08-05
  • 向青春致敬!大学生图片记录校园24小时故事 2019-08-05
  • 新零售下的老字号复兴 2019-07-27
  • 一语惊坛(5月22日):精忠报国是每一个热血青年的夙愿! 2019-07-27
  • 双十一探访中国电商第一村白牛村 2019-07-23
  • 【一汽丰田特约】每日精选世界杯88年第一次弟弟替补哥哥 2019-07-22
  • 日本央行维持超宽松货币政策不变 2019-07-22
  • 高校毕业生基层培养计划实施方案 2019-07-22
  • 3d和值尾振幅走势图 699彩票APP 3d近十期开机号 五分赛车走势软件下载 江苏省7位数开奖号查询 100期pk10计划 秒速时时正规吗 澳洲幸运10开奖APP 新疆时时开奖结果走势囹 腾讯分分彩k线走势图软件 三昇体育骗钱 浙江20选5开奖走势 云南时时走势图 云南时时码 广东快乐十分开奖号码一览表 北京pk开奖记录