有序列表-无序列表-自定义列表

最新推荐文章于 2023-08-05 10:42:07 发布

南栀子。

最新推荐文章于 2023-08-05 10:42:07 发布

阅读量225

点赞数

分类专栏： Bootstrap

本文链接：https://blog.csdn.net/qq_38191971/article/details/113746000

版权

Bootstrap 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用样式</title>
    <link rel="stylesheet" type="text/css" href="{% static 'dist/css/bootstrap.css' %}"/>
</head>
<body>
<div class="container">
    {#列表#}
    <ul>
        <li>无序列表1</li>
        <li>无序列表2</li>
    </ul>
    <ol>
        <li>有序列表1</li>
        <li>有序列表2</li>
    </ol>
    <dl>
        <dt>HTML</dt>
        <dd>超文本标记语言</dd>
        <dt>CSS</dt>
        <dd>层叠样式</dd>
    </dl>
    <hr>
    {#去点列表#}
    <ul class="list-unstyled">
        <li>无序列表1</li>
        <li>无序列表2</li>
    </ul>
    {#内联列表#}
    <ul class="list-inline">
        <li>首页</li>
        <li>java</li>
        <li>c++</li>
        <li>python</li>
    </ul>
    {#    自定义列表为内联列表#}
    <dl class="dl-horizontal">
        <dt>HTML</dt>
        <dd>超文本标记语言</dd>
        <dt>CSS</dt>
        <dd>层叠样式</dd>
    </dl>
    <hr>
</div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南栀子。

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
有序列表-无序列表-自定义列表

{% load static %}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用样式</title> <link rel="stylesheet" type="text/css" href="{% static 'dist/css/bootstrap.css' %}"/></head>&
复制链接

扫一扫