站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress用CSS定制列表样式
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==定制列表风格== 项目符号是列表的一个重要部分——它用一个引人注目的圆点或图形告诉访问者“这是一个列表”。项目符号的样式和列表的数字编号由样式表单中的列表样式符号属性决定。该属性的默认值为disc。其它基本属性值包括circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, 以及none。下面我们试着修改默认属性值,例如可以把项目符号改成一个方形(square)。 #sidebar li { list-style: square;} 代码中没有使用list-style-type,而用了缩写形式list-style,也没有使用默认值disc,列表的项目符号是方形。 但不是所有列表都需要项目符号,有时根据格局分布我们也可以看出“这是一个列表”。要删除项目符号,请将样式表单改成: #sidebar li { list-style: none;} 现在,在#sidebar ID中的DIV标签里,< li>标签内所有内容都不显示项目列表了。观察不同属性值造成的结果。 '''提示:'''考虑到网站的可访问性,有序列表比无序列表更易于导航。 '''用自定义图片代替项目符号''' 如果厌倦了项目符号,可以利用一些[[CSS]]技巧来变换新花样。在下面的例子中,我们用列表样式图片指示浏览器用项目符号图片代替传统的默认项目符号。 先找到一些有趣的项目符号图形,然后在样式表单中加入下列代码,为列表添加一些活泼的项目符号: #sidebar ul { list-style-image: url(/wp-images/image.gif); } 这时我们也可以使用绝对路径而不是相对路径。只要将 url(/wp-images/image.gif )换成url(http://example.com/wp-images/image.gif)就可以了。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)