CSS中的div和ul是两个非常重要的元素。div元素可以用来将网页内容划分成不同的区域,使网页结构更加清晰。ul元素则可以用来创建列表(list),常用于显示导航菜单、文章目录等。 <
CSS中的div
和ul
是两个非常重要的元素。
div
元素可以用来将网页内容划分成不同的区域,使网页结构更加清晰。
ul
元素则可以用来创建列表(list),常用于显示导航菜单、文章目录等。
<div> <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> </div>
上面的代码展示了一个div
下的ul
列表。
通常我们会对列表进行一些样式上的调整,比如改变字体大小、颜色、背景色等。
<div style="background-color: #F5F5F5;"> <ul style="list-style-type: none; padding: 0; font-size: 18px;"> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> </div>
上面的代码展示了如何添加一些简单的样式。通过设置list-style-type
为none
,我们可以去掉默认的列表标记;通过设置padding
为0,我们可以让列表项之间没有空白;通过设置font-size
,我们可以改变字体大小。
当然,想要精确控制列表样式还需要使用CSS
的一些高级技巧,比如使用伪类选择器、使用媒体查询等。
粉丝
0
关注
0
收藏
0