vscode——HTML的列表作业

最新推荐文章于 2022-11-23 00:43:17 发布

iheyu

最新推荐文章于 2022-11-23 00:43:17 发布

阅读量725

点赞数 1

分类专栏： html 文章标签：嵌套列表 square 实心方块样式

本文链接：https://blog.csdn.net/iheyu/article/details/99828721

版权

本文介绍了如何在VSCode中使用HTML实现不同类型的列表效果，包括无序列表的空心圆和实心方块样式，有序列表的罗马数字和字母标记，以及列表的嵌套操作。通过示例代码展示了具体实现方法。

摘要由CSDN通过智能技术生成

1.实现下图无序列表效果：

苹果

香蕉
西瓜

空心圆的：苹果——>香蕉——>西瓜

实心方块：苹果——>香蕉——>西瓜

下面的代码段

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表</title>
</head>
<body>
        <ul> 
                <li>苹果</li>
                <li>香蕉</li>
                <li>西瓜</li>
               
        </ul>
    <ul style="list-style-type:circle"> 

        <li>苹果</li>
        <li>香蕉</li>
        <li>西瓜</li>
    </ul>

    <ul style="list-style-ty

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iheyu

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
vscode——HTML的列表作业

1.实现下图无序列表效果：苹果香蕉西瓜空心圆的：苹果——>香蕉——>西瓜实心方块：苹果——>香蕉——>西瓜下面的代码段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view...
复制链接

扫一扫