关于CSS列表list-style-type的颜色和大小控制
来源:互联网 发布:游戏窗口化软件 编辑:程序博客网 时间:2024/06/06 03:36
CSS列表list-style-type的颜色和大小控制
<ul class="artul">
对应的CSS
第一张图CSS
.ul {margin:0;padding:0 0 015px;color:#ddd;font-size:12px;color:#FFFF00;list-style-type:square }
.ul li {border-bottom:1px dotted #999;}
第二张图CSS
.ul {margin:0;padding:0 0 015px;color:#ddd;font-size:15px;color:#FF00FF;list-style-type:square }
.ul li {border-bottom:1px dotted #999;}
相信大家都知道了,就改一下ul的color就可以改颜色,font-size就可以改大小(大小在IE6下不支持,firefox可以)
自己测试了一下:font-size:好像不能改变 li 前面的点的大小。
如果非要实现li 前面的点不同,可以用图片代替。
示例如下:
<html>
<head>
<style type="text/css">
ul
{
list-style: square inside url('/i/eg_arrow.gif'); /* 插入自己做的图片 */
}
</style>
</head>
<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>
</html>
- 关于CSS列表list-style-type的颜色和大小控制
- CSS列表属性list-style-type 和 list-style-image
- 无序和有序列表的list-style-type 属性值
- CSS——列表(list-style-type)
- CSS入门之列表样式用法及实例,list-style-image,list-style-type
- CSS list-style修改列表属性控制li标签样式
- list-style和list-style-type
- 列表样式类型属性(list-style-type)
- 列表样式类型属性(list-style-type)
- list-style-type:定义列表样式
- 列表属性list-style-type、图像符号list-style-image、列表缩进list-style-position
- css中用list-style-type指定列表(lists)前面符号
- CSS控制列表样式属性list-style有哪些?怎么用?
- list-style与list-style-type的区别
- list-style与list-style-type的区别
- Ul、Li的list-style-type 属性
- li的list-style-type属性说明
- Ul、Li的list-style-type 属性
- 一步步学spark之一scala面向对象的文件访问2.8
- mysql主主搭建
- MySQL配置多实例
- JS判断是手机还是电脑
- ehcache版本问题
- 关于CSS列表list-style-type的颜色和大小控制
- android禁止屏幕旋转、oncreate不会重新被调用等问题
- Mac上的抓包工具Charles
- mac下修改jenkins 系统的端口
- java.lang.NoClassDefFoundError:org/apache/commons/lang/exception/NestableRuntimeException
- 图像处理和计算机视觉中的经典论文(部分)
- C语言学习心得一:__stdcall、__cdcel和__fastcall三者的区别(三者是对编译器层面的影响,对程序业务逻辑不影响)
- 使用android进行Socket通信实现多人聊天应用
- 如何给Ubuntu linux 安装VMware Tools 工具