小編給大家分享一下css中nav-left屬性如何使用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網站設計、成都網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的東阿網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
css nav-left屬性用于規(guī)定當使用nav-left導航鍵時,向何處進行導航,其語法是nav-left: auto|id|target-name|inherit。
css nav-left屬性怎么用?
作用:nav-left 屬性規(guī)定當使用 nav-left 導航鍵時,向何處進行導航。
語法:
nav-left: auto|id|target-name|inherit
說明:
auto 瀏覽器決定導航到哪個元素。
id 規(guī)定被導航元素的 id。
target-name 規(guī)定被導航的目標框架。
inherit 規(guī)定應從父元素繼承 nav-left 屬性的值。
注釋:目前只有 Opera 支持 nav-left 屬性。
css nav-left 屬性使用示例
<!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-left屬性如何使用的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道!
文章題目:css中nav-left屬性如何使用
瀏覽地址:http://bm7419.com/article40/pscieo.html
成都網站建設公司_創(chuàng)新互聯,為您提供服務器托管、網站設計公司、用戶體驗、網站建設、網站改版、建站公司
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯