5.12

发布时间 2023-06-11 11:13:46作者: 一个不会起名字的人

今天学习了css列表.

属性

描述

list-style

简写属性。用于把所有用于列表的属性设置于一个声明中

list-style-image

将图象设置为列表项标志。

list-style-position

设置列表中列表项标志的位置。

list-style-type

设置列表项标志的类型。

 

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>W3Cschool教程(w3cschool.cn)</title>

<style>

    ul

    {

     list-style-type:none;

     padding:0px;

     margin:0px;

    }

    ul li

    {

     background-image:url("/statics/images/w3c/sqpurple.gif");

     background-repeat:no-repeat;

     background-position:0px 5px;

     padding-left:14px;

    }

</style>

</head>

 

<body>

    <ul>

        <li>咖啡</li>

        <li></li>

        <li>可口可乐</li>

    </ul>

</body>

 

</html>