CSS3 nav_相关属性测试实例页面

代码：

CSS代码：

button#nav1{
    nav-index:1; nav-right:#nav2; nav-left:#nav4; nav-down:#nav2; nav-up:#nav4;
}
button#nav2 {
    nav-index:2; nav-right:#nav3; nav-left:#nav1; nav-down:#nav3; nav-up:#nav1;
}
button#nav3 {
    nav-index:3; nav-right:#nav4; nav-left:#nav2; nav-down:#nav4; nav-up:#nav2;
}
button#nav4 {
    nav-index:4; nav-right:#nav1; nav-left:#nav3; nav-down:#nav1; nav-up:#nav3;
}

HTML代码：

<button id="nav1">按钮1</button><br /><br />
<button id="nav2">按钮2</button><br /><br />
<button id="nav3">按钮3</button><br /><br />
<button id="nav4">按钮4</button>

效果：