课程笔记
  • 所属章节课程:CSS对列表项标记的设置技巧

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> ​li{ /*取消小圆点*/ list-style-type: none; /*预留图片位置*/ padding-left: 2em; /*上传图片*/ list-style-image: url(1.jpg); /*不重复*/ background-repeat: no-repeat; /*图片大小*/ background-size: 1em 1em; /*图片位置设置,和文本顶格对其,xy轴目测*/ background-position: 0 4px; } </style> </head> <body> <h3>前端开发工具</h3> <ul> <li>HTML</li> <li>CSS</li> <li>javaScript</li> <li>jQuery</li> <li>Bootstrap</li> </ul> </body> </html> 大家帮我看下,我的列表项用图片代替,但是显示效果图片很大,没有显示设置中的1em 1em大小,不知为何

    2017-12-061个赞