PHP前端开发

CSS nav-right 属性

百变鹏仔 3个月前 (09-20) #CSS
文章标签 属性

nav-right 属性用于当您按下键盘中的右箭头按钮时向右移动。您可以尝试运行以下代码来实现 CSS nav-right 属性

示例

现场演示

<!DOCTYPE html><html>   <head>      <style>         button {            position: absolute;         }         button#btn1 {            top: 10%;            left: 15%;            nav-index: 1;            nav-right: #btn2;            nav-left: #btn4;            nav-down: #btn2;            nav-up: #btn4;         }         button#btn2 {            top: 30%;            left: 30%;            nav-index: 2;            nav-right: #btn3;            nav-left: #btn1;            nav-down: #btn3;            nav-up: #btn1;         }         button#btn3 {            top: 50%;            left: 15%;            nav-index: 3;            nav-right: #btn4;            nav-left: #btn2;            nav-down: #btn4;            nav-up: #btn2;         }         button#btn4 {            top: 30%;            left: 0%;            nav-index: 4;            nav-right: #btn1;            nav-left: #btn3;            nav-down: #btn1;            nav-up: #btn3;         }      </style>   </head>   <body>      <button id = "btn1">Result1</button>      <button id = "btn2">Result2</button>      <button id = "btn3">Result3</button>      <button id = "btn4">Result4</button>   </body></html>