CSS里的ul和li是常用于創(chuàng)建列表的標(biāo)簽,而每條列表之間的間距也是可以通過(guò)CSS來(lái)控制的。通過(guò)使用margin屬性,我們可以輕松地控制每條列表之間的間距。
ul { margin-top: 20px; margin-bottom: 20px; } li { margin-bottom: 10px; }
上面的代碼,通過(guò)給ul標(biāo)簽設(shè)置margin-top和margin-bottom屬性,來(lái)控制列表的頂部和底部間距的大小。同時(shí),通過(guò)給li標(biāo)簽設(shè)置margin-bottom屬性,來(lái)控制每條列表之間的距離。
我們還可以通過(guò)給li標(biāo)簽設(shè)置padding來(lái)控制每條列表的內(nèi)邊距。
li { padding: 10px; margin-bottom: 10px; }
上面的代碼,通過(guò)給li標(biāo)簽設(shè)置padding屬性,來(lái)控制每條列表的內(nèi)邊距。這樣,在每條列表的周?chē)紩?huì)有一定寬度的空白區(qū)域,從而使得列表更加易讀。
上一篇vue引入樣式文件
下一篇java 序列化json