html ul border,HTML UL CSS Border style

最新推荐文章于 2024-09-24 09:17:03 发布

Choo Chunlang

最新推荐文章于 2024-09-24 09:17:03 发布

阅读量120

点赞数

文章标签： html ul border

博主探讨了如何使用CSS来实现一个特定样式的HTML列表，列表包含子级列表。他们给出了两种HTML结构，并询问是否能仅通过CSS实现第二种结构的样式，使其与第一种效果相同。讨论涉及到CSS的list-style-type、margin和border属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

I have a little question concerning html-lists and CSS. I want to have a list (whit sublist) that looks like this (view the result by coping the code into http://htmledit.squarefree.com/):

{

border: 0px solid #90bade;

}

{

list-style-type:none;

border: 1px solid black;

}

.lv1

{

margin:0px 0px 0px 10px;

}

But I would prefer to use html-code like this for the list:

One
- Sub
One

Unfortunately I cannot figure out, how to style the second list whit CSS in order to make it look like the first one. Does anyone know if it’s possible by only using CSS or do I have to make one big list and use classes (like in the first list) to get the desired layout?

Thanks in advance