在CSS中,可以使用margin
屬性來調(diào)整li
元素之間的間距。margin
屬性用于設(shè)置元素外部的空間,即元素的上下左右四個(gè)方向都可以設(shè)置間距。
如果想要設(shè)置li
元素的上下間距為20像素,可以添加以下CSS代碼:
li { margin-top: 20px; margin-bottom: 20px; }
如果想要設(shè)置li
元素的左右間距為30像素,可以添加以下CSS代碼:
li { margin-left: 30px; margin-right: 30px; }
如果想要同時(shí)設(shè)置上下左右四個(gè)方向的間距,可以添加以下CSS代碼:
li { margin: 20px 30px; }
***個(gè)值表示上下間距,第二個(gè)值表示左右間距,注意,這里的li
元素需要是塊級(jí)元素才能生效。
如果想要調(diào)整li
元素內(nèi)部的文本間距,可以使用padding
屬性。padding
屬性用于設(shè)置元素內(nèi)部的空間,即元素的上下左右四個(gè)方向都可以設(shè)置內(nèi)間距,如果想要設(shè)置li
元素的文本上下間距為10像素,可以添加以下CSS代碼:
li { padding-top: 10px; padding-bottom: 10px; }
如果想要設(shè)置li
元素的文本左右間距為15像素,可以添加以下CSS代碼:
li { padding-left: 15px; padding-right: 15px; }
如果想要同時(shí)設(shè)置上下左右四個(gè)方向的文本間距,可以添加以下CSS代碼:
li { padding: 10px 15px; }