在CSS中,可以通过li元素来创建无序列表或有序列表。li元素也可以帮助我们将内容按照分块的形式展示出来。
li { display: block; }
上述代码中,我们通过为li元素设置display属性为block,将其转变为块级元素。这样,每个li元素都会单独占据一行,形成一个分块的效果。
通过给每个li元素设置不同的样式,我们可以让分块更加突出。例如,我们可以设置li元素的背景色、边框、内边距等样式,让它们在页面中形成一个清晰的分块效果。
li { display: block; background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; }
通过以上样式,我们为li元素设置了一个浅灰色的背景色,1像素宽的灰色边框,以及10像素宽的内边距。这样每个li元素之间就会形成明显的分隔效果。
需要注意的是,li元素在默认情况下是行内元素,如果不设置display属性为block,多个li元素就会在同一行中显示。因此,当我们需要将内容按照分块的形式展示时,一定要将li元素设置为块级元素。