`

css如何控制li前面的点是否存在

 
阅读更多

一般的css网站制作布局时常会遇到li点的情况,特别是对新手来说有点陌生,如何去掉<li></li>中的点呢,或者如何改变为数字1234 或者改成空心方块呢,其实很简单直接定义li的css为
li{
list-style-type:none;

如果要改变点的颜色,那么li里面的字也会变颜色与大小了,但你可以使用图片作为前面的点,
这样就可以随心所欲的装饰了
li{
    list-style:url("图片.gif") outside circle;

li点的其他用法css代码:
list-style-type:
disc 默认-实心圆
circle 空心圆
square 实心方块
decimal 阿拉伯数字
lower-roman 小罗马数字
upper-roman 大罗马数字
lower-alpha 小写英文字母
upper-alpha 大写英文字母
none 不使用项目符号

分享到:
评论

相关推荐

    20个初学者实用的CSS技巧

    10. **理解CSS定位position**:`position`属性包括`static`、`relative`、`absolute`和`fixed`,控制元素相对于其正常位置或其他元素的位置。 11. **@import与**:两者都用于引入外部CSS文件,但在页面加载时并行...

    DIV+CSS

    在网页设计与开发过程中,CSS(Cascading Style Sheets)是不可或缺的一部分,它能够有效地控制网页的样式与布局。根据提供的内容,这里提到了CSS样式的三种使用方式: 1. **内联样式**:直接在HTML标签中通过`...

    CSS实现曲面阴影效果的简单实例(推荐)

    传统的阴影效果通过CSS的box-shadow属性实现,但这个属性存在局限性,无法直接实现曲面或者翘边阴影效果。 针对这种情况,本实例将展示如何利用CSS3伪类元素和box-shadow属性相结合的方法,实现更加复杂和美观的...

    CSS计数器(序列数字字符自动递增)详解

    这个技术在CSS中已经存在了一段时间,但由于早期浏览器的兼容性问题,它没有得到广泛的应用。随着现代浏览器的普及,CSS计数器已经成为一种实用的布局工具。 首先,我们需要理解CSS计数器的三个关键组成部分: 1. ...

    了解CSS的查找匹配原理,让CSS更简洁、高效

    CSS(层叠样式表)是网页设计中用于控制布局和样式的语言。了解CSS的查找匹配原理对于编写高效、简洁的样式代码至关重要。通常,我们误认为CSS选择器的匹配是从左到右进行的,但实际上,浏览器采用的是从右到左的...

    多个CSS样式表争夺特定选择符的控制权

    在CSS(层叠样式表)中,当一个页面引用了多个样式表,或者在一个样式表中有重复的选择符定义,就会出现样式表争夺特定选择符控制权的情况。这种现象被称为CSS样式的层叠顺序,它是CSS解析和应用的核心原则之一。 ...

    IE6/IE7中li底部4px空隙的Bug

    首先,需要理解这个bug产生的条件:当列表项&lt;li&gt;的子元素存在浮动,并且&lt;li&gt;元素设置了特定的CSS属性(如宽度(width)、高度(height)、缩放(zoom)、上内边距(padding-top)、下内边距(padding-bottom)、上外边距...

    css给span加float:right右浮动后内容换行下移

    4. **使用CSS Grid布局**:对于更复杂的布局,可以考虑使用CSS Grid,它可以精确控制元素的布局,让`&lt;span&gt;`和`&lt;a&gt;`并排显示。 ```css li { display: grid; grid-template-columns: auto 1fr; } ``` 5. **清除...

    前端面试题参考答案.pdf

    如果在同一CSS文件中定义了两个类`.a`和`.b`,并同时应用到一个元素上,最后定义的类将覆盖前面的类。例如,如果`.b`在`.a`之后,元素的颜色将显示为`.b`定义的颜色。 【CSS Hack技巧及其用途】 - IE6特有:`_属性...

    JavaScript 拾碎[三] 使用className属性

    这里的一个关键点是,当追加CSS类时,确保新类的样式不会与已存在的类冲突。如果有重复的样式定义,浏览器会遵循CSS的优先级规则处理,例如,ID选择器(#)的权重高于类选择器(.),内联样式(style属性)的权重...

    web前端笔试题

    ### Web前端笔试题知识点梳理 #### 一、HTML知识 1. **浏览器加载和渲染HTML的顺序** - 浏览器从上到下解析HTML文档。 - 首先解析`&lt;head&gt;`部分,然后是`&lt;body&gt;`部分。 - 当遇到外部资源如CSS或JavaScript时,...

    学校网站管理系统网域高科蓝色商业版(asp+access)

    2、栏目菜单需要打开top.asp文件找到相关div ul li 的css样式写的菜单,改汉字栏目名称,和超级链接地址。不知道栏目的链接 地址,可以再后台此栏目下面发表几个文章,然后打开网站,在文章顶部找到 您的位置 点击此...

    jquery学习必备代码和技巧

    它会释放`$`变量的控制权,并返回`jQuery`函数,使得之后可以通过`jQuery`来调用jQuery的方法。此外,需要注意的是引入文件的顺序,必须先加载Prototype再加载jQuery。 #### 三、jQuery判断元素上是否绑定了事件 ...

    jQuery详细教程

    $("ul li:first") 每个 &lt;ul&gt; 的第一个 &lt;li&gt; 元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 $("div#intro .head") id="intro" 的 &lt;div&gt; 元素中的所有 class="head" 的元素 三. jQuery 事件...

    list-of-new-books-by-authors:作者的新出版物清单

    至于样式,HTML文件可能链接了一个外部CSS文件(`&lt;link rel="stylesheet" href="style.css"&gt;`),或者直接在`&lt;style&gt;`标签内定义内联样式,以控制页面的布局和视觉效果,如字体、颜色、间距等。 综上所述,这个...

    JQuery:常用方法一览

    - **说明**:此方法可以快速地为页面中的元素添加类名,便于CSS样式的控制。 2. **`attr(name[, value])`**: - **功能**:获取或设置属性值。 - **示例**: - 获取属性值:`var src = $("img").attr("src");` ...

    整理后java开发全套达内学习笔记(含练习)

    instanceof (关键字) 运算符,用于引用变量,以检查这个对象是否是某种类型。返回 boolean 值。 interface (关键字) 接口 ['intәfeis] invoke vt.调用 [in'vәuk]' ( invocation [,invәu'keiʃәn]) Iterator ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +PageManager.Instance应该存在于HttpContext.Current,而不是一个全局变量。 -这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性...

    ExtAspNet_v2.3.2_dll

    +TreeNode的前面的多选框可以自动回发了。 -为TreeNode增加AutoPostBack属性,增加事件数据类TreeCheckEventArgs,为Tree增加事件NodeCheck。 -示例在:http://extasp.net/data/tree_run.aspx -Grid增加...

Global site tag (gtag.js) - Google Analytics