CSS深入

列表的样式：

/*使用系统提供的一些样式：例如无序、有序都可以使用circle*/
ul{
    list-style-type: circle;
}
ol{
    list-style-type: circle;
}

/*使用图片，实现自定义*/
ul{
    /*图片要小一点*/
    list-style-image: url("../2.png");
    /*list-style: url("../2.png");*/    /*简写: 即image、position、type的事，它都可以干*/
}

<ul>
    <li>猫</li>
    <li>狗</li>
    <li>猪</li>
</ul>

添加轮廓，突出内容：

p{
    /*使用outline添加一个轮廓：outline相当于一个简写，因为它可以设置所有的轮廓属性*/
    outline: auto;
    outline-color: aqua;
    outline-style: groove;
    outline-width: 2px;
}

<p>测试文本</p>