使用缩进和不同列表类型的有序列表格式

时间:2018-05-30 04:09:58

标签: html css html-lists

我收到了为条款和条件页面执行此类格式化的请求,但CSS允许的格式样式似乎不允许这样的缩进和列表类型的组合。

有没有这种格式可以实现?

enter image description here

1 个答案:

答案 0 :(得分:2)

好的,这是我给你的答案:

<ul>
    <li type="1">Lorem</li>
        <ul>1.1 Lorem Ipsum:
            <ol type="i">
                <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a tortor in quam convallis tristique. Etiam aliquam mauris id justo malesuada aliquet. Nullam id libero nec enim fringilla gravida. Fusce pretium neque est, ut fermentum mauris pretium at. Sed tincidunt, nibh tincidunt efficitur iaculis, risus neque vehicula enim, eget convallis elit libero a justo. Mauris id mollis neque. Integer pharetra id risus condimentum mattis. Donec rutrum ante erat, vitae congue nibh vehicula lobortis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc ac vulputate nisi, ut ornare urna. Nunc mattis diam a pellentesque viverra. Duis eu ipsum non nisl ornare congue nec ac lacus. Cras convallis diam nec lacus pharetra, eu tristique diam eleifend. Nam quis vehicula lectus.</li>
                <li>Lorem blablabla</li>
                <ol type="a">
                    <li>Lorem blablabla</li>
                    <li>Lorem blablabla</li>
                </ol>
                <li>Lorem blablabla</li>
            </ol>
        </ul>
    </ul>

更新:您可以更改li,ol的类型,以便它们匹配您想要的类型:w3schools.com/cssref/pr_list-style-type.asp