首页 > 代码库 > CSS深入

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>

 

CSS深入