CSS列表类型变化

列表类型

在一个无序列表中,列表项的标志 (marker) 是出现在各列表项旁边的圆点。在有序列表中,标志可能是字母、数字或另外某种计数体系中的一个符号。

要修改用于列表项的标志类型,可以使用属性 list-style-type

ul {list-style-type : square}

上面的声明把无序列表中的列表项标志设置为方块。

列表项图像

有时,常规的标志是不够的。你可能想对各标志使用一个图像,这可以利用 list-style-image 属性做到:

ul li {list-style-image : url(xxx.gif)}

只需要简单地使用一个 url() 值,就可以使用图像作为标志。

时间: 2024-10-12 12:01:50

CSS列表类型变化的相关文章

CSS列表属性

CSS列表: 属性 描述 list-style 简写属性.用于把所有用于列表的属性设置于一个声明中. list-style-image 将图象设置为列表项标志. list-style-position 设置列表中列表项标志的位置. list-style-type 设置列表项标志的类型. marker-offset 1. 列表类型:list-style-type属性 (1)作用:修改用于列表项的标志类型: (2)可能的值: 值 描述 none 无标记. disc 默认.标记是实心圆. circle

CSS 列表样式详解

CSS列表用于前端的列表排列. CSS列表属性作用如下: 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 列表 在HTML中,有两种类型的列表: 无序列表 - 列表项标记用特殊图形(如小黑点.小方框等) 有序列表 - 列表项的标记有数字或字母 list-style-type:设置列表标志类型. 1:无序列表实例 ul.a {list-style-type:circle;} ul.b {list-style-type:square;} <p>无序列表实例:&

css元素类型详解

时间真是美妙呢!我居然转行学习web前端开发,靠着对她浓厚的兴趣和爱好,终于踏出第一步…… 言归正传,从一周的时间,慢慢学习了html以及css元素类型 一. 总体来说css对显示标签来分类,分为:块状元素  :内联元素(行内元素): 对于这里有一个争议点,分为:可变元素   行内快元素: 那么这些元素在默认的情况下有什么特点呢?块状元素特点:            1:在页面中以矩形区域显示.            2:自上而下排列,独占一行            3:可以直接添加宽高    

使用 redis ( list列表类型操作)

list 数据类型 列表类型 list 类型是一个双向操作 从链表的头部或者尾部添加删除元素 list 既可以用作栈 也可以用作队列 list 链表的类型应用场合: 获取最新的 10 个用户的信息 select * from user order by logintime desc limit 10; 数据不复杂 但是 对数据库的负载比较大 如给关键字 logintime 设置索引 耗费资源 用 redis 通过 list 链表实现以上功能 在 list 链表中只保留最新的10个数据 每一次进来

DIV+CSS列表式布局(同意图片的应用)

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <!--gbk,gb2312 中文-->

Redis学习之列表类型详解

本文和大家分享的主要是redis的列表类型相关内容,一起来看看吧,希望对大家学习redis有所帮助. 列表类型,可以存储一个有序的字符串列表,常用的操作是向列表两端添加元素,或者获得列表的某一个片段 列表类型内部是使用双向链表实现的,所以向列表两端添加元素的时间复杂度是 o(1),获取越接近两端的元素速度就越快 链表的代价是通过索引访问元素比较慢 向列表两端添加元素 向列表左边添加元素,返回增加后列表的长度 LPUSH key value1 value2 127.0.0.1:6379> LPUS

#定义一个方法get_num(num),num参数是列表类型,判断列表里面的元素为数字类型。其他类型则报错,并且返回一个偶数列表:(注:列表里面的元素为偶数)。

1 #定义一个方法get_num(num),num参数是列表类型,判断列表里面的元素为数字类型.其他类型则报错,并且返回一个偶数列表:(注:列表里面的元素为偶数). 2 def get_num(num): 3 if type(num)!= list: 4 return '您传入的不是列表!' 5 else: 6 for i in num: 7 if not isinstance(i,int): 8 return '请全部传入整数!' 9 return list(filter(lambda x:x

Css3之基础-10 Css列表(列表项标志 、列表项图像、列表项位置、列表属性)

一.CSS 列表样式 列表项标志 list-style-type - list-style-type 属性用于控制列表中列表项标志的样式 - 无序列表: 出现在各列表项旁边的圆点 - 有序列表: 可能是字母.数字或另外某种计数体系中的一个符号 - 无序列表取值 - none    : 无标记 - disc    : 实心圆,为默认值 - circle  : 空心圆 - square  : 实心方块 - 有序列表取值 - none    : 无标记 - decimal : 无标记 - lower-

1-2:数据类型之元组、列表类型

一.元组的概念: 前面我们学过数字类型,字符串类型,它们都代表一个元素!1.元组是包含多个元素的类型,元素之间用逗号分隔. t1 = 123,456,"hello" 2.元组可以使空的,t2 = ()3.元组包含一个元素: t3 = 123,4.元组外层可以使用括号,也可以不使用 二.元组的三大特点: 1.元组中元素可以使不同类型.元组也可以作为另一个元组的元素,只是此时作为元素的元组要加上括号来区分,从而避免歧义! t3 = 123456,("hello",&qu