首页 > 解决方案 > 如何让项目符号点显示在 HTML 选项卡中

问题描述

对网页设计非常陌生,我正试图鬼混并创建一个关于我自己的小网站。我已经成功地为不同的主题创建了选项卡,但是当我尝试在选项卡中创建一个无序列表时,我只看到并排显示的文本而不是项目符号。

示例选项卡的 HTML 代码如下:

<div id = "About Me" class = "tabcontent">
            <h3>About Me</h3>
            <p>This section of my website will talk about me. Things to talk about:</p>
                <ul class="a">
                    <l>My upbringing</l>
                    <l>The places I've lived</l>
                    <l>My interests and hobbies</l>
                </ul>
        </div>

ul class a 的样式如下:

ul.a
{
    list-style-type: square;
}

我得到的输出如下:

关于我

我网站的这一部分将谈论我。谈论的事情: 我的成长 我住过的地方 我的兴趣和爱好

任何帮助表示赞赏。谢谢!

标签: htmlcss

解决方案


您的列表项只是使用拼写错误的列表项标记。

使用<li>代替<l>


推荐阅读