html中ul和li的使用_ul列表的html结构

html中ul和li的使用_ul列表的html结构html中偶尔会使用到列表,记录一下。1.序号可以是数字、字母、罗马数字等,可以通过list-style-type属性设置。2.序号也可以显示图片,可以通过list-style-image

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

html中偶尔会使用到列表,记录一下。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8" />
 5         <style type="text/css">
 6             .level_1{list-style-type:decimal;}
 7             .level_2{list-style-type:upper-alpha;}
 8         </style>
 9     </head>
10 
11     <body>
12         <span>列表使用test:</span>
13         <ul class = "level_1">
14             <li>
15                 亚洲
16                 <ul class = "level_2">
17                     <li>中国</li>
18                     <li>日本</li>
19                 </ul>
20             </li>
21             <li>
22                 欧洲
23                 <ul class = "level_2">
24                     <li>德国</li>
25                     <li>意大利</li>
26                 </ul>
27             </li>
28         </ul>
29     </body>
30 </html>

html中ul和li的使用_ul列表的html结构

1. 序号可以是数字、字母、罗马数字等,可以通过list-style-type 属性设置。

默认值: disc 点| circle圆圈 | square正方形 | decimal数字 | decimal-leading-zero 十进制数
| lower-roman 小写罗马文字| upper-roman 大写罗马文字|  armenian亚美尼亚数字 | georgian乔治亚数字 
| lower-alpha小写拉丁文 | upper-alpha大写拉丁文 | none无 
| inherit继承 
初始值: disc

 2. 序号也可以显示图片,可以通过list-style-image 属性设置

 list-style-image:none/url("1.png")

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/166671.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • CreateThread用法详解[通俗易懂]

    CreateThread用法详解[通俗易懂]CreateThread用法详解今天我给大家讲一讲C++中的多线程编程技术,C++本身并没有提供任何多线程机制,但是在windows下,我们可以调用SDK win32 api来编写多线程的程序,下面我就此简单的讲一下:创建线程的函数  HANDLE CreateThread(     LPSECURITY_ATTRIBUTES lpThreadAttributes, //

    2022年7月11日
    17
  • pycharm怎么导入cv2_pycharm导入cv2「建议收藏」

    pycharm怎么导入cv2_pycharm导入cv2「建议收藏」pycharm导入cv2pycharm导入cv2最近才开始接触python,经师哥推荐,使用了Pycharm作为编程软件。自己在学图像处理方面的知识,接触OoenCV比较多,以前接触的是C++,使用VS2012进行编译,配置。学习的程序会有importcv2这条语句,我刚开始的想法是在File下面找到Deafaultsettings,再找到ProjectInterpreter,找到…

    2022年8月27日
    16
  • Mysql 实现多种逻辑删除方案

    Mysql 实现多种逻辑删除方案Mysql实现多种逻辑删除方案新增逻辑删除字段方式多deleted值deleted:0代表未删除,删除时把deleted赋值为时间戳UNIX_TIMESTAMP(NOW())采用备份表方式最近在做公司项目的时候,对于表的逻辑删除,和其他同事出现了不同意见,故查阅了一些blog,结合自己的实际情况,再次做了笔记,以备后查。在实际的项目开发中,对于某些业务数据,一般都不会采用物理删除的方式,…

    2022年5月5日
    189
  • objdump 反汇编_so文件反汇编

    objdump 反汇编_so文件反汇编objdump反汇编,反汇编与源代码混合显示,C++符号逆向解析。

    2025年7月21日
    3
  • pip卸载所有包_linux卸载python3

    pip卸载所有包_linux卸载python3很多初学Python的小伙伴都会遇到这样的事,当我们学会怎么安装某个包(模块)之后,我们却不知道怎么卸载已经装在电脑上的python包。今天小编就教大家怎么卸载已经安装好的包(模块)工具/原料Pythonpip方法/步骤1开始之前,我们需要确保已经安装了pip,具体详情请参考经验引用。我们先用piplist查看目前已安装有哪些包。如图2可以看到小编这里已装的包比较少,我们这里就以卸载xlrd这个…

    2022年10月16日
    5
  • ORACLE sqlplus连接报ORA-12560解决办法

    ORACLE sqlplus连接报ORA-12560解决办法在windows服务器上cmdsqlplus用户名/密码连接报ORA-12560(协议适配器错误啥的)解决办法如下:1.再原命令上增加@127.0.0.1/实例sqlplus用户名/密码@127.0.0.1/实例assysdba(assysdba可不加)尝试是否能连接。若不能试试cmd打开后先setoracle_sid=实例再…

    2022年7月16日
    17

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号