zoukankan      html  css  js  c++  java
  • list-style

    list-style-image:使用绝对或相对地址指定背景图像 list-style-type:设置不同的列表样式 list-style-position:规定列表中列表项目标记的位置(inside/outside/inhert) 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; 100%; background:#ccc; } ul li a:hover{ background:#999; } 说明: display:block;这一行必须要加的,这样才能块状显示! F). LI中的元素水平排列,关键FLOAT:LEFT: ul{ list-style-type:none; 100%; } ul li{ 80px; float:left; }
  • 相关阅读:
    TinySpider开源喽
    TinyXmlParser开源喽
    Tiny快速入门之控制层开发
    TinyDBRouter
    TinyIOC
    开源前要做好哪些准备工作?
    分布式锁的简单实现
    TinyDBCluster Vs routing4db
    HTML5基础(五)
    HTML5基础(四)
  • 原文地址:https://www.cnblogs.com/lingyi1111/p/4389056.html
Copyright © 2011-2022 走看看