list-style

列表样式主要是设置ul或ol前面的那个“列表符”的特性，包括：

list-style-type：

用于设置列表样式的类型，比如原点(disc)，圆圈(circle)，阿拉伯数字(decimal)，罗马数字，英文字母。

有了这个属性，对ul和ol来说，就没有差别了！

list-style-image

用于设置列列表前面的小图标（图像），也就是说，用一个图片来代替上面的列表符。

如果设置了这项，则list-style-type就失效。

list-style-image: url(小图标的路径);

list-style-position：

用于设置列表项目符的位置，只有两个值：outside(外面，默认），inside（里面）。指的是列表符，是放在li盒子的里面，还是放在li盒子的外面。

list-style：上述3个属性的综合属性。

说明：

实际应用中，通常使用背景图像来代替“list-style-type”和“list-style-image”，更为常见。

演示：

使用这个自定义图标来实现一个隔行变色的列表，并要求该图标放在li盒子的内部。

list-style相关推荐

手势识别(1)：基础理论
像点击(clicks)是GUI平台的核心,轻点(taps)是触摸平台的核心那样,手势(gestures)是Kinect应用程序的核心.和图形用户界面中的数字交互不同,手势是现实生活中存在的动作.如果没 ...
html style属性
在html 中 style 用于为 HTML 文档定义样式信息. 使用方法: 自己目前总结出2中方法 1 在标签内部使用 2 <style> 当做一个标签使用下面修改自己颜色为例 < ...
android Style(样式)的解析
先说下为啥要使用样式吧,举个例子来说吧当要做这样的一个布局的时候每个标签都要写的话,会感觉怎样 <LinearLayoutandroid:layout_width="match_p ...
ListView style
步骤一:在使用的ListView的activiey里使用android:theme="@style/Theme的名字" 步骤二:创建Themes.xml 在Themes.xml里定 ...
html中有csstext方法吗,style对象的cssText方法有哪些使用方法
这次给大家带来style对象的cssText方法有哪些使用方法,style对象的cssText方法使用的注意事项有哪些,下面就是实战案例,一起来看一下. cssText 本质是什么? cssText ...
android values-v21 style 报错,Android 4.4 以上实现透明导航栏和状态栏 Translucent system bar...
第一种方式第一种方式,需要做下面三步设置 1.在values.values-v19.values-v21的style.xml都设置一个 Translucent System Bar 风格的Theme ...
几个比较冷门的prototype扩展方法：去掉html标签、去掉a标签、去掉style样式，以及判断是否为html代码的代码片段
/*去掉html标签(真正意义上去掉所有html标签包括内嵌的css样式)*/ String.prototype.stripHTML = function (isRemoveNewLine) {var ...
吴恩达老师深度学习视频课笔记：神经风格迁移(neural style transfer)
什么是神经风格迁移(neural style transfer):如下图,Content为原始拍摄的图像,Style为一种风格图像.如果用Style来重新创造Content照片,神经风 ...
Artistic Style在windows下的使用(C/C++)
ArtisticStyle是一个开源的源代码格式化工具.主页地址为:http://astyle.sourceforge.net/,它可以应用在C.C++.Objective-C.C#.Java等程序语 ...
python爬取疫情信息html.xpath p标签_python xpath 如何过滤div中的script和style标签
爬取一个页面中的div,想获取div中的文字,我是这么写的: selector.xpath('//div[@class="text-con"]').xpath('string(.) ...

list-style

list-style相关推荐

最新文章

热门文章