CSS list-style属性控制li标签样式示例代码
2014-03-03 09:46
716 查看
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:1px solid red;可以看到标记的位置。
inside表示标记在li标签里面,同样添加边框时可以清晰地看到。
list-style-image用于设置使用图像替换列表项标记:
默认值:none
可选值:URL ,格式为url("url地址");
举例:
规定一个 "list-style-type" 属性以防图像不可用。
格式如下:
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:1px solid red;可以看到标记的位置。
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/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> ul { border:1px solid red; } li{ border:1px solid red; list-style:disc outside url(news_list.gif); list-style-position:5px; } </style> </head> <ul> <li>你好</li> <li>我好</li> </ul> <body> </body> </html>
规定一个 "list-style-type" 属性以防图像不可用。
相关文章推荐
- CSS list-style属性控制li标签样式
- CSS list-style修改列表属性控制li标签样式
- CSS list-style属性控制ul标签样式
- CSS list-style修改列表属性控制li标签样式
- list-style:none这一css属性只能应用在ul标签中而不能应用在li标签中
- CSS控制列表样式属性list-style有哪些?怎么用?
- CSS控制列表样式属性list-style有哪些?怎么用?
- CSS中LI圆点样式li {list-style-type:符号名称}
- CSS和JavaScript标签style属性对照表(用javascript来控制css不再难了)
- CSS教程:解析CSS列表样式属性list-style
- css文字控制与css文本样式示例和属性
- HTML中的Style标签media属性控制打印内容样式
- DIV+CSS如何控制html标签li的样式,比如删除前面的点
- CSS和JavaScript标签style属性对照表(用javascript来控制css不再难了)
- input标签submit属性,用CSS控制样式时高度不好控制的解决办法
- CSS中LI圆点样式li {list-style-type:符号名称}
- CSS和JavaScript标签style属性对照表(用javascript来控制css不再难了)
- CSS和JS标签style属性对照表
- 用CSS控制li标记样式
- 关于CSS列表list-style-type的颜色和大小控制