CSS3设置圆角导航栏、CSS3选择前面两个元素-n+2，一文说清
warning:
这篇文章距离上次修改已过206天，其中的内容可能已经有所变动。
在CSS中，可以使用border-radius属性来设置圆角。如果你想为导航栏的每个元素设置圆角，可以使用:nth-child伪类选择器来选中特定元素。
例如，如果你想为前两个元素设置圆角，可以使用以下CSS代码：
/* 选择前两个元素，并对它们设置圆角 */
.nav li:nth-child(-n+2) {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
/* 第一个元素左边圆角 */
.nav li:first-child {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}这里.nav li:nth-child(-n+2)选择了前两个元素，并对它们的右上角和右下角设置了圆角。.nav li:first-child单独选中了第一个元素，并对其左上角和左下角设置了圆角。
确保.nav是你的导航栏的类名，如果不是，请根据你的HTML结构相应更改。同时，10px是圆角的半径大小，你可以根据需要调整这个值。
评论已关闭