在网页设计中,我们常常需要使用到列表来展示内容,无论是有序列表还是无序列表,在默认情况下都会有一个前缀,例如默认的无序列表会在每个列表元素前面有一个点,而有序列表则是数字或字母。但有时候我们并不需要这个前缀,或者需要换成其他符号,这时候就需要用到CSS去除列表前点了。
ul{ list-style:none; }
上述代码可以将无序列表的前点去除,如果需要将前点更换成其他符号,可以使用list-style-type属性来设置,例如:
ul{ list-style-type:square; }
上述代码将每个无序列表元素前面的点更换成方块符号。
对于有序列表,同样可以使用CSS去除前缀或更换前缀符号,例如:
ol{ list-style:none; }
上述代码可以将有序列表的前缀符号去除,如果需要更换成其他符号,可以使用list-style-type属性来设置,例如:
ol{ list-style-type:lower-roman; }
上述代码将有序列表的前缀符号更换成小写罗马数字。