羊皮纸论坛

羊皮纸论坛

分享让知识传播,阅读让心灵成长, 创作让文化传承,让我们共同努力。
  • 禁止广告文
  • 知识传播
  • 阅读
  • 心灵成长
  • 创作
  • 文化传承
论坛目录 / 程式设计 / 网页/网站程式 / CSS /

LI 清单标签结合CSS 的运用

发表新主题
随机主题
上个主题
下个主题
|
    LI 清单标签结合CSS 的运用

    ???A).运用CSS格式化列表∶

    ul li{
    list-style-type:none;
    }

    B).如果你想将网页中的列表设计成图像,则∶

     ul li{
    list-style-type:none;
    list-style-image: url(/blog/images/icon.gif);
    }

    C).为了让左边对齐,可以用如下网页代码∶

    ul{
    list-style-type:none;
    margin:0px;
    }

    D).如果想给列表设计背景色,可以用如下网页代码∶

    ul{
    list-style-type: none;
    margin:0px;
    }
    ul li{
    background:#CCC;
    }

    E).如果想给列表设计onMouseOver 背景变色效果,可以用如下网页代码∶

    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;
    }

    • 关键字 : style, 可以用如下网页代码, width, margin, background, display, block, 这样才能块状显示, 这一行必须要加, 运用CSS格式化列表, 让左边对齐, 背景变色效果, 想给列表设计背景色, 想将网页中, 列表设计成图, 关键FLOAT, 元素水准排列, images, image, hover
    00
    2009-10-07T14:05:40+0000


    • 当您未登入羊皮纸时,可以利用脸书 Facebook 登入来发表回响。若使用羊皮纸会员身份发表回响则可获得经验值及虚拟金币,用来参加羊皮纸推出的活动。
    发表回响
     
    验证字串
    留言

    Facebook 粉丝专页

    QRCode 条码 & APP 连结

    说明
    本页网址

    在相关服务标签中,『扫描条码,在行动装置』或是『点击连结按钮,在本装置』中开启网页或是 APP 相关操作。
    QRCode