html怎么把导航栏美化,如何设置独特的CSS导航菜单样式

HTML：

1

2

3

你应该把它变成一个列表……

CSS：

nav {

display: table; /* see below */

width: 1000px;

}

#container {

height: 400px;

width: 1000px;

background: blue;

border-radius: 0 0 25px 25px; /* top-left top-right bottom-right bottom-left */

}

nav span {

display: table-cell; /* spreads them equally across, no matter how many elements */

height: 55px;

background: green;

}

nav span:first-child {

border-radius: 25px 0 0 0;

}

nav span:last-child {

border-radius: 0 25px 0 0;

}