css3nav-right屬性介紹-創(chuàng)新互聯

今天小編就為大家?guī)硪黄猚ss3中nav-right屬性介紹的文章。小編覺得挺不錯的，為此分享給大家做個參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯企業(yè)建站,10多年網站建設經驗，專注于網站建設技術，精于網頁設計，有多年建站和網站代運營經驗，設計師為客戶打造網絡企業(yè)風格，提供周到的建站售前咨詢和貼心的售后服務。對于網站設計制作、網站設計中不同領域進行深入了解和探索，創(chuàng)新互聯在網站建設中充分了解客戶行業(yè)的需求，以靈動的思維在網頁中充分展現，通過對客戶行業(yè)精準市場調研，為客戶提供的解決方案。

nav-right屬性是一個CSS3屬性，用于指定當使用箭頭向右的導航鍵時，向何處進行導航。CSS3 nav-right屬性

作用：nav-right 屬性規(guī)定當使用 nav-right 導航鍵時，向何處進行導航。

基本語法：

nav-right: auto|id|target-name;

auto：瀏覽器決定導航到哪個元素。

id：指定導航到該元素的ID

target-name ：指定導航到目標幀

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

CSS3 nav-right屬性的使用示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>創(chuàng)新互聯建站(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-* 屬性。當您使用方向鍵導航時，請同時按下 Shift 鍵。</p>
</body>
</html>

以上就是css3中nav-right屬性的知識匯總，內容較為全面，小編相信有部分知識點可能是我們日常工作可能會見到或用到的。希望你能通過這篇文章學到更多知識。

名稱欄目：css3nav-right屬性介紹-創(chuàng)新互聯
文章起源：http://bm7419.com/article32/igjpc.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站維護、網站排名、動態(tài)網站、響應式網站、標簽優(yōu)化、商城網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯

商城網站建設