CSS鼠标悬停时颜色的编辑等

CSS5

<style>
    ul {
   
        list-style-type: square;
        /* 无序列表，前面是方形的 */
    }
</style>
<ul>
    <li>Eat</li>
    <li>Pray</li>
    <li>Love</li>
</ul>
<style>
    ol {
   
        list-style-type: lower-roman;
    }
</style>
<ol>
    <li>Eat</li>
    <li>Pray</li>
    <li>Love</li>
</ol>

效果为：

<style>
    ol{
   
        list-style-image: url("https://resource.bcgame-face2face.haorenao.cn/images/email.png");
    }
</style>
<ol>
    <li>Eat</li>
    <li>Pray</li>
    <li>Love</li>
</ol> 

<style>
    ol.haha {
   
        width: 200px;
        list-style-position: outside;
    }
    
    ol.lol {
   
        width: 200px;
        list-style-position: inside;
    }
</style>
<ol class="haha">
    <li>长颈鹿</li>
    <li>河马</li>
    <li>海豚</li>
</ol>
<ol class="lol">
    <li>章鱼<