CSS為li加邊框的方法

在CSS中，為li元素添加邊框是一個(gè)常見(jiàn)的需求，通過(guò)簡(jiǎn)單的CSS樣式，我們可以輕松地給li元素加上邊框，下面是一些具體的方法。

1、使用border屬性

CSS的border屬性可以用來(lái)添加邊框到li元素上，你可以根據(jù)需要設(shè)置邊框的樣式、寬度和顏色，下面的代碼會(huì)給li元素添加一個(gè)寬度為2px、顏色為黑色的實(shí)線邊框：

li {
  border: 2px solid black;
}

2、使用border-radius屬性

如果你希望li元素的邊框帶有圓角，可以使用border-radius屬性，這個(gè)屬性接受一個(gè)數(shù)值，表示圓角的半徑，下面的代碼會(huì)給li元素添加一個(gè)帶有10px半徑的圓角的邊框：

li {
  border: 2px solid black;
  border-radius: 10px;
}

3、使用box-shadow屬性

除了邊框，你還可以使用box-shadow屬性給li元素添加陰影效果，這個(gè)屬性接受四個(gè)數(shù)值，分別表示陰影的水平偏移量、垂直偏移量、模糊半徑和顏色，下面的代碼會(huì)給li元素添加一個(gè)水平偏移量為10px、垂直偏移量為10px、模糊半徑為5px的陰影，顏色為黑色：

li {
  box-shadow: 10px 10px 5px black;
}

這些方法可以幫助你輕松地為li元素添加邊框、圓角和陰影效果，讓你的列表項(xiàng)更加突出和吸引人，你可以根據(jù)自己的需求選擇適合的方法，或者組合使用這些方法以達(dá)到更好的效果。