今天小編就為大家?guī)硪黄猚ss3中nav-right屬性介紹的文章。小編覺得挺不錯(cuò)的,為此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
成都創(chuàng)新互聯(lián)公司網(wǎng)絡(luò)公司擁有十余年的成都網(wǎng)站開發(fā)建設(shè)經(jīng)驗(yàn),千余家客戶的共同信賴。提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)、網(wǎng)站開發(fā)、網(wǎng)站定制、友情鏈接、建網(wǎng)站、網(wǎng)站搭建、響應(yīng)式網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)師打造企業(yè)風(fēng)格,提供周到的售前咨詢和貼心的售后服務(wù)
nav-right屬性是一個(gè)CSS3屬性,用于指定當(dāng)使用箭頭向右的導(dǎo)航鍵時(shí),向何處進(jìn)行導(dǎo)航。CSS3 nav-right屬性
作用:nav-right 屬性規(guī)定當(dāng)使用 nav-right 導(dǎo)航鍵時(shí),向何處進(jìn)行導(dǎo)航。
基本語法:
nav-right: auto|id|target-name;
auto:瀏覽器決定導(dǎo)航到哪個(gè)元素。
id:指定導(dǎo)航到該元素的ID
target-name :指定導(dǎo)航到目標(biāo)幀
注:目前只有Opera 支持 nav-right 屬性。
CSS3 nav-right屬性的使用示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>創(chuàng)新互聯(lián)(php.cn)</title> <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">按鈕1</button> <button id="b2">按鈕2</button> <button id="b3">按鈕3</button> <button id="b4">按鈕4</button> <p><b>注釋:</b>目前只有 Opera 支持 nav-* 屬性。當(dāng)您使用方向鍵導(dǎo)航時(shí),請同時(shí)按下 Shift 鍵。</p> </body> </html>
以上就是css3中nav-right屬性的知識匯總,內(nèi)容較為全面,小編相信有部分知識點(diǎn)可能是我們?nèi)粘9ぷ骺赡軙姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。
本文標(biāo)題:css3nav-right屬性介紹
轉(zhuǎn)載源于:http://aaarwkj.com/article6/igipog.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、定制開發(fā)、響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、網(wǎng)站排名、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)