cssnav-up属性如何使用-创新互联

这篇文章将为大家详细讲解有关css nav-up属性如何使用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联-专业网站定制、快速模板网站建设、高性价比合山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式合山网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖合山地区。费用合理售后完善，10年实体公司更值得信赖。

css nav-up属性用于规定当使用nav-up导航键时，向何处进行导航，其语法是nav-up: auto|id|target-name|inherit。

css nav-up属性怎么用？

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

语法：

nav-up: auto|id|target-name|inherit;

说明：

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

id 规定被导航元素的 id。

target-name 规定被导航的目标框架。

inherit 规定应从父元素继承 nav-up 属性的值。

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

css nav-up属性使用示例

<!DOCTYPE html>
<html>
<head>
<style>
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;
}
</style>
</head>
<body>
<button id="b1">Button 1</button>
<button id="b2">Button 2</button>
<button id="b3">Button 3</button>
<button id="b4">Button 4</button>
<p><b>注释：</b>目前只有 Opera 支持 nav-* 属性。当您使用方向键导航时，请同时按下 Shift 键。</p>
</body>
</html>

效果输出：

css nav-up属性如何使用

关于css nav-up属性如何使用就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章标题：cssnav-up属性如何使用-创新互联
文章链接：https://www.cdcxhl.com/article38/psopp.html

成都网站建设公司_创新互联，为您提供网站内链、企业建站、网站导航、域名注册、建站公司、静态网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容