html中right的作用,css3 nav-right属性怎么用？

nav-right属性是一个CSS3属性，用于指定当使用箭头向右的导航键时，向何处进行导航。

CSS3 nav-right属性

作用：nav-right 属性规定当使用 nav-right 导航键时，向何处进行导航。

基本语法：nav-right: auto|id|target-name;

auto：浏览器决定导航到哪个元素。

id：指定导航到该元素的ID

target-name ：指定导航到目标帧

注：目前只有Opera 支持 nav-right 属性。

CSS3 nav-right属性的使用示例

Gxlcms(php.cn)

button

{

position:absolute;

}

button#b1

{

top:20%;left:25%;

nav-index:1;

nav-right:#b2; nav-left:#b4;

nav-down:#b2; nav-up:#b4;

}

button#b2

{

top:40%;left:50%;

nav-index:2;

nav-right:#b3; nav-left:#b1;

nav-down:#b3; nav-up:#b1;

}

button#b3

{

top:70%;left:25%;

nav-index:3;

nav-right:#b4; nav-left:#b2;

nav-down:#b4; nav-up:#b2;

}

button#b4

{

top:40%;left:0%;

nav-index:4;

nav-right:#b1; nav-left:#b3;

nav-down:#b1; nav-up:#b3;

}

按钮1

按钮2

按钮3

按钮4

注释：目前只有 Opera 支持 nav-* 属性。当您使用方向键导航时，请同时按下 Shift 键。

以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。

html中right的作用,css3 nav-right属性怎么用？相关推荐

在less中不能正常使用css3的calc属性的解决方法
在less中不能正常使用css3的calc属性的解决方法参考文章: (1)在less中不能正常使用css3的calc属性的解决方法 (2)https://www.cnblogs.com/zhaozh ...
页面中的黑白滤镜css3，filter属性
在平常开发中遇到一些特殊节日的话会有一些滤镜效果,而这些效果可以使用一个css3的属性进行完成, 他就是filter属性属性值 filter: none | blur() | brightness( ...
html中box标签的作用,CSS3的box-sizing属性的作用及使用
先用大白话通俗说一下,先给div设置宽高为200px,这是在加上padding:10px; , 此时div宽高加上padding值后实际宽高变成了220px(等于上下左右各加了10px的padding ...
Mybatis中resultMap的作用-解决实体类属性名和数据库字段不一致
解决实体类属性名和数据库字段不一致转载于:https://www.cnblogs.com/mww-NOTCOPY/p/10950712.html
CSS3中背景的四个新的属性
本文对CSS3中背景的四个新的属性进行了详细介绍. 多重背景图片 Css3中,对一个元素可以使用一张以上的背景图片.除了使用逗号将图片分开以外,其代码与css2相同.第一个声明的图片定位在元素的顶部, ...
HTML5中常用的标签(及标签的属性和作用)
1.标签:<!DOCTYPE> 作用:声明是文档中的第一成分,位于<html>标签之前. 2.标签:<html> 作用:此元素可告知浏览器其自身是一个HTML文档. ...
css3 slide动画,css3动画+ slidetoggle不起作用(css3 animation + slidetoggle don't work)
css3动画+ slidetoggle不起作用(css3 animation + slidetoggle don't work) 飞机动画块(他从一边到另一边飞行 - 永远). 可以使用jquery折 ...
VMware虚拟机文件夹中各文件作用详解
VMware虚拟机文件夹中各文件作用详解虚拟机的文件管理由VMware Workstation来执行. 一个虚拟机一般以一系列文件的形式储存在宿主机中, 这些文件一般在由workstation为虚拟 ...
Science：亚硝酸盐氧化细菌在黑暗海洋中的主要作用
文章目录亚硝酸盐氧化细菌在黑暗海洋中的主要作用写在前面摘要热心肠日报背景结果图1 非全长16S rRNA基因序列的系统发育树图2 通过募集宏基因组片段的方法确定亚硝酸盐氧化细菌单扩增基 ...

html中right的作用,css3 nav-right属性怎么用？

html中right的作用,css3 nav-right属性怎么用？相关推荐

最新文章

热门文章