欢迎来到这个夏天 来杯冰镇啤酒吧
Welcome to clear ocean water, To clear ocean water.

CSS 列表

  1. 有序列表
  2. 无序列表
  3. 自定义列表

CSS个人整理

有序列表

 <style>
  ol li{
        color: blue;
       }
 </style>
 <body>
<ol>
     <li>史迪奇法师</li>
     <li>史迪奇战士</li>
     <li>史迪奇辅助</li>
     <li>史迪奇坦克</li>
     <li>史迪奇刺客</li>
<ol>
 </body>

无序列表

 <style>
  ul li{
      list-style: none;          //去掉原点
      list-style: cirle;         //空心圆
      list-style: decimal;       //数字
      list-style: square;        //正方形
        }
 </style>
 <body>
<ul>
     <li>史迪奇法师</li>
     <li>史迪奇战士</li>
     <li>史迪奇辅助</li>
     <li>史迪奇坦克</li>
     <li>史迪奇刺客</li>
<ul>
 </body>

自定义列表

 <style>
  dl dd dt{
        color: blue;
       }
 </style>
 <body>
<dl>
    <dt>史迪奇近战</dt>
        <li>史迪奇战士</li>
        <li>史迪奇辅助</li>
        <li>史迪奇坦克</li>
        <li>史迪奇刺客</li>
    <dt>史迪奇远程</dt>
        <li>史迪奇法师</li>
        <li>史迪奇射手</li>
<dl>
 </body>

作者: 我叫史迪奇
本文来自于: https://sdq3.tk/CSS%E5%88%97%E8%A1%A8.html博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议