1. 程式人生 > >CSS中的cursor用法

CSS中的cursor用法

CSS中的游標型別

語法:

  cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )

  取值:

auto :  預設值。瀏覽器根據當前情況自動確定滑鼠游標型別。
all-scroll :  IE6.0 有上下左右四個箭頭,中間有一個圓點的游標。用於標示頁面可以向上下左右任何方向滾動。
col-resize :  IE6.0 有左右兩個箭頭,中間由豎線分隔開的游標。用於標示專案或標題欄可以被水平改變尺寸。
crosshair :  簡單的十字線游標。
default :  客戶端平臺的預設游標。通常是一個箭頭。
hand :  豎起一隻手指的手形游標。就像通常使用者將游標移到超連結上時那樣。
move :  十字箭頭游標。用於標示物件可被移動。
help :  帶有問號標記的箭頭。用於標示有幫助資訊存在。
no-drop :  IE6.0 帶有一個被斜線貫穿的圓圈的手形游標。用於標示被拖起的物件不允許在游標的當前位置被放下。
not-allowed
:  IE6.0 禁止標記(一個被斜線貫穿的圓圈)游標。用於標示請求的操作不允許被執行。
pointer :  IE6.0 hand 一樣。豎起一隻手指的手形游標。就像通常使用者將游標移到超連結上時那樣。
progress :  IE6.0 帶有沙漏標記的箭頭游標。用於標示一個程序正在後臺執行。
row-resize :  IE6.0 有上下兩個箭頭,中間由橫線分隔開的游標。用於標示專案或標題欄可以被垂直改變尺寸。
text :  用於標示可編輯的水平文字的游標。通常是大寫字母 I 的形狀。
vertical-text :  IE6.0 用於標示可編輯的垂直文字的游標。通常是大寫字母 I
旋轉90度的形狀。
wait :  用於標示程式忙使用者需要等待的游標。通常是沙漏或手錶的形狀。
*-resize :  用於標示物件可被改變尺寸方向的箭頭游標。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url ) :  IE6.0 使用者自定義游標。使用絕對或相對 url 地址指定游標檔案(字尾為 .cur 或者 .ani )。

  示例:

  p { cursor: text; }

  a { cursor: pointer; }

  body { cursor: url("mycursor.cur"), url("images/cursors/footcursor.cur"), default; }

相關推薦

CSScursor屬性給標籤加上形狀

 有小手狀: <a href="##" title="2" style="cursor:pointer">  無小手狀: <a href="javascript:void(0)" style="color:#40495

csscursor(游標型別)

值 描述 url 需使用的自定義游標的 URL。   註釋:請在此列表的末端始終定義一種普通的游標,以防沒有由 URL 定義的可用游標。 default 預設游標(通常是一個箭頭)

CSScursor用法

CSS中的游標型別 語法:   cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | prog

Css路徑data:image/png;base64的用法詳解 (轉載)

javascrip base64編碼 asc cda 文件的 color 情況 ont 背景圖片 大家可能註意到了,網頁上有些圖片的src或css背景圖片的url後面跟了一大串字符,比如: background-image:url(data:image/png;bas

css常見的 cursor 屬性(轉自http://www.w3school.com)

指針 mov ssh 右移 tab body poi ossh idt 值描述 url 需使用的自定義光標的 URL。 註釋:請在此列表的末端始終定義一種普通的光標,以防沒有由 URL 定義的可用光標。 default 默認光標(通常是一個箭頭) auto

CSSposition的absolute和relative用法

spa 層疊 src img 正常 static 窗口 info str static: HTML元素的默認定位方式 absolute: 將對象從文檔流中拖出,使用left,right,top,bottom等屬性進行絕對定位。而其層疊通過z-index屬性定義。絕對

csstransition的用法

鼠標 web per eight hover tran 漸變 webkit style <style> div{width:100px;height:100px;transition:width 2s;-moz-transition:width 2s; /* F

CSS提升優先順序屬性!important的用法總結

轉載:https://blog.csdn.net/m0_38099607/article/details/72860779 版權宣告:本文為博主原創文章,未經博主允許不得轉載。    https://blog.csdn.net/m0_38099607/article

CSS!important的用法及作用

定義及語法   !important,作用是提高指定樣式規則的應用優先權(優先順序)。語法格式{ cssRule !important },即寫在定義的最後面,例如:box{color:red !important;}。   在CSS中,通過對某一樣式宣告! import

Cssdisplay:inline-block用法詳解

display:block就是將元素顯示為塊級元素 block元素的特點是: 總是在新行上開始; 高度,行高以及頂和底邊距都可控制; 寬度預設是它的容器的100%,除非設定一個寬度 <div>, <p>, <h1>, <form>,

使用lxml的css選擇器用法爬取奇書網並儲存到mongoDB

import requests from lxml import etree from fake_useragent import UserAgent import pymongo class QiShuSpider(object): def __init__(self):

使用lxml的css選擇器用法爬取奇書網並保存到mongoDB

referer 最新 shu auth style ret bre last tail import requests from lxml import etree from fake_useragent import UserAgent import pymon

html+csstitle與alt用法

針對alt與title常同時出現,做出以下記錄:   alt和title的區別:alt存在的圖片載入失敗的時候,顯示圖片位置的替換文字,用於img、area和input元素中(包括applet元素)   alt屬性的功能是不能顯示影象資訊時候的替換文字(即在圖片顯示的位置上顯示文字,說明

css大於號的用法

之前在看上一條部落格中原博的程式碼中看到了css選擇器裡有一個大於號,就去了解了一下大於號>的用法,大意是選擇器選擇兒子標籤,而不選擇孫子標籤 例子 <div> <span> 這個span是div的兒子標籤 </span>

詳解CSS:nth-child的用法

下面我將用幾個典型的例項來給大家講解:nth-child的實際用途: Tips:還用低版本的IE瀏覽器的哥們請繞過! :nth-child(2)選取第幾個標籤,“2可以是你想要的數字” .demo01 li:nth-child(2){background:#090}  :nth-c

css :not() 選擇器的用法

:not() 選擇器用於一些特殊的功能的呈現上,我舉一個我使用的例子: 當你的滑鼠hover到這些標籤的時候,會想第二個標籤一樣改變顏色。 而當你點選第一個的時候標籤“Asset Sector”,然後再把滑鼠hover上去的時候就不想要這個特效了。 這個改怎麼實現吶? 很

css字型單位px,pt,em ,rem,百分比之間的區別和用法

px 即畫素,一般國內人使用較多,預設大小是16px; pt 印刷行業常用單位 em  相對單位,相對父元素屬性的單位 ,一般用於移動端佈局 rem  結合相對定位和絕對定位的優勢,相對根元素html

熟練掌握HTML5開發常用五大CSS選擇器用法

摘要 本文和大家重點學習一下五類CSS選擇器,我們不必通篇給每一個元素定義類(class)或ID,通過合適的組織,可以用最簡單的方法實現同樣的效果。 最常用的五類CSS選擇器 一些新手朋友對選擇器一知半解,不知道在什麼情況下運用什麼樣的選擇器,這是

CSS的id選擇器和類選擇器的用法

這幾天正在學習html+css+js 下面是今天學習的一個小例項,但是不是很瞭解這幾種語言,所以在選擇器上出現了一些錯誤。 以下是記錄 <!DOCTYPE html> <ht

CSS的ID選擇器和類選擇器區別及用法

W3C標準這樣規定的, 其一:在同一個頁面內, 不允許有相同名字的id物件出現, 但是允許相同名字的class 其二:當頁面中用到js或者要動態呼叫物件的時候,要用到id  控制頁面總共有四種方式行內方式、內嵌方式、連結方式、匯入方式, 通過這四種 方式就可以實現CSS對HTML頁面樣式的控制,如果要讓