|||&>&&>&CSS去除li前面小黑点及ul、LI部分属性方法&
&&|&&本文地址：分享： 1.彩色照片变黑白，2.所有元素垂直居中，3.禁用鼠标，4.模糊文字，小编学完能量满满的，觉得对CSS又充满了爱，你也来看看。1. 黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是推荐：
Fix a bug with the rounding changes from 3.4.14 and 3.4.15 where some negative numbers would incorrectly be rounded up instead of down.Better compression fCSS教程热门内容：CSS教程频道CSS教程推荐精品教程置顶推荐起点通教程专题汇集猜你喜欢这些教程猜你感兴趣的教程收藏&分享更多...用CSS控制li标记样式_博客园
当前位置： >
>用CSS控制li标记样式
用CSS控制li标记样式
& 作者：ansonpan & 来源： 博客园-anson &
list-style-type&:&disc&|&circle&|&square&|&decimal&|&lower-roman&|&upper-roman&|&lower-alpha&|&upper-alpha&|&none&|&armenian&|&cjk-ideographic&|&georgian&|&lower-greek&|&hebrew&|&hiragana&|&hiragana-iroha&|&katakana&|&katakana-iroha&|&lower-latin&|&upper-latin&
disc&:&　CSS1　实心圆
circle&:&　CSS1　空心圆
square&:&　CSS1　实心方块
decimal&:&　CSS1　阿拉伯数字
lower-roman&:&　CSS1　小写罗马数字
upper-roman&:&　CSS1　大写罗马数字
lower-alpha&:&　CSS1　小写英文字母
upper-alpha&:&　CSS1　大写英文字母
none&:&　CSS1　不使用项目符号
armenian&:&　CSS2　传统的亚美尼亚数字
cjk-ideographic&:&　CSS2　浅白的表意数字
georgian&:&　CSS2　传统的乔治数字
lower-greek&:&　CSS2　基本的希腊小写字母
hebrew&:&　CSS2　传统的希伯莱数字
hiragana&:&　CSS2　日文平假名字符
hiragana-iroha&:&　CSS2　日文平假名序号
katakana&:&　CSS2　日文片假名字符
katakana-iroha&:&　CSS2　日文片假名序号
lower-latin&:&　CSS2　小写拉丁字母
upper-latin&:&　CSS2　大写拉丁字母
设置或检索对象的列表项所使用的预设标记。
若list-style-image属***为none或指定图像不可用时，list-style-type属***将发生作用。
仅作用于具有display值等于list-item的对象（如li对象）。
注意：ol对象和ul对象的type特***为其后的所有列表项目（如li对象）指明列表属***。
IE5.5尚不支持所有CSS2的值。
对应的脚本特***为listStyleType。
相关阅读：
来源：（微信/QQ：,微信公众号：makaidong-com） &&&&&& 欢迎分享本文，转载请保留出处！
&&&&&& 【原文阅读】:
上一篇：没有了
【相关文章】
每日最新文章
每日最热文章
本周最热文章
本月最热文章
本年最热文章
Powered by
Copyright &
, All Rights Reserved今天看啥 热点：
CSS list-style修改列表属性控制li标签样式，list-stylelilist_style属性用于修改列表的属性，list-style-type用于设置列表项类型，list-style-position用于设这列表项位置，list-style-image用于设置使用图像替换列表项标记
list_style属性用于修改列表的属性 格式如下： list_style：列表项标记类型 列表项标记的位置 列表项标记; 也可以单独设置列表项标记： list-style-type用于设置列表项类型： 默认值为disc为实心圆， 常用值：none空 circle空心圆 square实心方块 decimal数字 lower-latin小写拉丁字母a,b,c..... upper-latin大写字母A,B,C.... list-style-position用于设这列表项位置： 默认值outside表示在li标签外部，这是对li添加边框border：1可以看到标记的位置。 inside表示标记在li标签里面，同样添加边框时可以清晰地看到。 list-style-image用于设置使用图像替换列表项标记： 默认值：none 可选值：URL ，格式为url(&url地址&); 举例： 代码如下: &!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"& &html xmlns="http://www.w3.org/1999/xhtml"& &head& &meta http-equiv="Content-Type" content="text/ charset=utf-8" /& &title&无标题文档&/title& &style type="text/css"& ul { border:1 } li{ border:1 list-style:disc outside url(news_list.gif); list-style-position:5 } &/style& &/head& &ul& &li&你好&/li& &li&我好&/li& &/ul& &body& &/body& &/html& 规定一个 &list-style-type& 属性以防图像不可用。
li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景图片使用；li{background:url(图点图片路径) no-}
这两个CSS属性产生的效果是一样的！list-style是对列表标签的缩写，而list-style-type是其中的一个属性，而list-style一共可以包含三个值，即:list-style:typelist-style-positionlist-style-image
list-style-type：设置列表项标记的类型。默认为disc。list-style-position：设置在何处放置列表项标记。值为outside、inside。默认为outside。list-style-image：使用图像来替换列表项的标记。如今，我们通常都是使用的list-style-type就可以了，他的主要功能还是设置列表的小圆点的样式，或者取消小圆点的！希望帮助到你！
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&
CSS教程最近更新css如何控制li前面的点是否存在
　　一般的css网站制作布局时常会遇到li点的情况，特别是对新手来说有点陌生，如何去掉&li&&/li&中的点呢，或者如何改变为数字1234 或者改成空心方块呢，其实很简单直接定义li的css为li{list-style-type:｝如果要改变点的颜色，那么li里面的字也会变颜色与大小了，但你可以使用图片作为前面的点，这样就可以随心所欲的装饰了li｛　
list-style:url("图片.gif")｝li点的其他用法css代码：list-style-type：disc 默认-实心圆circle 空心圆square 实心方块decimal 阿拉伯数字lower-roman 小罗马数字upper-roman 大罗马数字lower-alpha 小写英文字母upper-alpha 大写英文字母none 不使用项目符号欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> 导航ul li样式中如何去掉最后一个li背景或样式，布局中对li赋予背景或边框样式，最后一个li又不想要设置的样式，如何去掉？
我们在制作导航条的时候，经常会用到竖线来把里面的内容隔开，一般我们会用到这个属性，但是我们会发现一个问题，就是最后一个li的右边也会产生一个坚线，如果去掉这个呢，下面我就告诉大家三个方法。
第一种方法：很简单，我们一般会把css样式写在样式表中，那我们就在前端的li里面加上这样一段代码就可以了：style=&border:none&;把它所有的边框都设为不见。
第二种方法：引入一个jquery库，例子如下：
&!DOCTYPE&html&&&&&&去掉最后一个li样式&&&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&&&&type=&text/javascript&&src=&jquery-1.3.2.min.js&&&&type=&text/javascript&&&$(function(){&&$(&#test&li:last&).css(&border&,&none&);//关键函数，注意容器id&#test&要和html代码中一样&&})&&&&&type=&text/css&&&ul,&li&{&:0;&:0;&list-style:&}&&#test&{&width:200&}&&#test&li&{&width:100%;&height:24&border-right:1px&solid&&}&&&&&&&id=&test&&&&&&&菜单一&&&&&&菜单二&&&&&&菜单三&&&&&&&&
JS库下载：
第三种方法：没有引入jquery库，直接用js写的
&!DOCTYPE&html&&&&http-equiv=&Content-Type&&content=&text/&charset=utf-8&&&去掉最后一个li样式&&type=&text/javascript&&window.onload&=&function&urlborder()&{&var&listr&=&document.getElementById(&test&).getElementsByTagName('li');&//注意容器id&test&要和html代码中一样&for&(var&i&=&0;&i&&;&i++)&{&if&(i&==&listr.length&-&1)&{&listr[i].style.borderWidth&=&&0&;&}&}&}&&&type=&text/css&&ul,li{&margin:0;&padding:0;&list-style:&}&#test{&width:200}&#test&li{&:100%;&:24&border-right:1px&solid&}&&&&&id=&test&&菜单一&菜单二&菜单三&&&&如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • • 必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 10:29
原创：本文 DIVCSS5版权所有。最新文章NEWS• • • • • • • • • • CSS EFFECTS相关文章RELATED• • • • • • • • • • 热点文章HOT
学习与资源分享平台