今天小編就為大家?guī)硪黄猚ss3中nav-right屬性介紹的文章。小編覺得挺不錯的,為此分享給大家做個參考。一起跟隨小編過來看看吧。
nav-right屬性是一個CSS3屬性,用于指定當(dāng)使用箭頭向右的導(dǎo)航鍵時,向何處進行導(dǎo)航。CSS3 nav-right屬性
作用:nav-right 屬性規(guī)定當(dāng)使用 nav-right 導(dǎo)航鍵時,向何處進行導(dǎo)航。
基本語法:
nav-right: auto|id|target-name;
auto:瀏覽器決定導(dǎo)航到哪個元素。
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)航時,請同時按下 Shift 鍵。</p> </body> </html>
以上就是css3中nav-right屬性的知識匯總,內(nèi)容較為全面,小編相信有部分知識點可能是我們?nèi)粘9ぷ骺赡軙姷交蛴玫降摹OM隳芡ㄟ^這篇文章學(xué)到更多知識。
名稱欄目:css3nav-right屬性介紹-創(chuàng)新互聯(lián)
文章起源:http://www.chinadenli.net/article32/igjpc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護、網(wǎng)站排名、動態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、商城網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容