如何修改列表项li、ul前的圆点小方块.docxVIP

如何修改列表项li、ul前的圆点小方块.docx

  1. 1、本文档共3页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
如何修改列表项li、ul前的圆点小方块解决思路:在HTML中没有相应的属性可以设置该效果,但在CSS中可以,相应的属性为list-style-type,要把圆点改成实心方块解决思路: 在HTML中没有相应的属性可以设置该效果,但在CSS中可以,相应的属性为list-style-type,要把圆点改成实心方块,只需要设置list-style-type的值为square。 具体步骤: 代码示例: ul lilist1 lilist2 lilist3 lilist4 /ul 技巧:想必大家都注意到,列表项离左边有很大一段距离,利用前面学过的知识,设置margin-left属性就行了: ul lilist1 lilist2 lilist3 lilist4 /ul 另外,如果要把小黑点换成自定义图片,可以用list-style-image,用法: list-style-image:url 提示:对于列表项目,还有一个list-style-position属性可以定义,主要用于设置列表项前的符号根据列表文字的排列方式,对应的脚本特性为listStylePosition。可选值的说明 outside 列表项目符号在文本以外,文本不根据标记对齐。 inside 列表项目符号在文本以内,文本根据标记对齐。 特别提示 本例代码运行效果如图2.1.6.9所示,原本为实心圆点的列表符号现在已经变成了实心方块。 图2.1.6.9自定义列表项前的符号 特别说明 list-style-type属性用于设置列表项目前的符号,对应的脚本特性为listStyType,可选值及说明如表2.1.6.1所示。list-style-image属性用于设置列表项目前的自定义图片,对应的脚本特性为listStyleImage。如果同时设置list-style-image和list-style-type,则list-style-type属性将被忽略,除非list-style-image的值设置为none或指定的图片不可用,list-style-type才有作用。list-style-type、list-style-position和list-style-image的复合属性为list-style。 表2.1.6.1list-style-type属性的可选值 可选值说明 none不使用项目符号 disc实心圆,默认值 circle空心圆 square实心方块 decimal阿拉伯数字 lower-roman小写罗马数字 upper-roman大写罗马数字 lower-alpha小写英文字母 upper-alpha大写英文字母

文档评论(0)

185****7617 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档