帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> HTML入门 >> Div+CSS从入门到精通 >> 阅读文章

Div+CSS速成第六天:html列表

来源:远方教程 作者:远方教程 发布时间:2015-03-24 查看次数:11387 访问[新版]

二、改变项目符号样式或用图片定义项目符号
刚才说了项目符号默认是圆点,可以通过样式表改为其它形式,下面实际操作一下:

DIV CSS教程——第6天html列表

从样式表编辑器中可以看到,有好多种形式,包括改为ol默认那样以数字有序列表显示。另外项目符号还可以以图像形式,如下图:

DIV CSS教程——第6天html列表
DIV CSS教程——第6天html列表

这种形式对图像控制不是很灵活,所以实际应用当中一般用背景图片来实现,在上例基础上将项目符号设置为 list-style: none;,然后

DIV CSS教程——第6天html列表
DIV CSS教程——第6天html列表
DIV CSS教程——第6天html列表
DIV CSS教程——第6天html列表

提示:可以先修改部分代码后再运行

打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部