首页 > web前端 > css教程 > 如何定义项目列表css

如何定义项目列表css

藏色散人
发布: 2020-12-18 11:08:48
原创
2879 人浏览过

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>
    登录后复制

    效果如下:

    b33a4aa1a3b7df1d8aa3ffc4710489b.png

    以上是如何定义项目列表css的详细内容。更多信息请关注PHP中文网其他相关文章!

  • 相关标签:
    css
    来源:php.cn
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板