html – 列出顶部有子弹的项目

前端之家收集整理的这篇文章主要介绍了html – 列出顶部有子弹的项目前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以获得列表项的项目符号< li>在下面使用CSS的文本之上?

解决方法

使用项目符号作为背景图像:
ul {
  list-style-type: none;
  padding: 0;
  text-align: center; /* Optional,Just for demo */
}

ul li {
  background: url(path/to/bullet.ext) center top no-repeat;
  display: inline-block; /* <-- display list items in one line */
  padding-top: 10px;     /* <-- Change this according to the image size */
  /* Or: */
  /* padding: 10px 5px 0;     */
  /*          top  r&l bottom */
}

JSBin Demo

原文链接:https://www.f2er.com/html/232037.html

猜你在找的HTML相关文章