Rumah > hujung hadapan web > tutorial css > 如何定义项目列表css

如何定义项目列表css

藏色散人
Lepaskan: 2020-12-18 11:08:48
asal
2856 orang telah melayarinya

css定义项目列表的方法:首先创建一个HTML示例文件;然后在HTML中使用“

  • ”标签定义列表项目;最后使用css中的“list-style”属性定义列表样式即可。

  • 如何定义项目列表css

    本教程操作环境:Windows7系统、HTML5&&CSS3版本,该方法适用于所有品牌电脑。

    推荐:《css视频教程

    在HTML中可以使用

  • 标签定义列表项目,然后使用css中的list-style属性定义列表样式,list-style简写属性在一个声明中设置所有的列表属性。

    可以按顺序设置如下属性:

    • list-style-type

    • list-style-image

    • list-style-position

    示例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <style>
    ul 
    {
    list-style:disc;
    }
    </style>
    </head>
    <body>
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
    </ul>
    </body>
    </html>
    Salin selepas log masuk

    效果如下:

    b33a4aa1a3b7df1d8aa3ffc4710489b.png

    Atas ialah kandungan terperinci 如何定义项目列表css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

  • Label berkaitan:
    css
    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan