需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了香坊免費(fèi)建站歡迎大家使用!
1、首先,打開html編輯器,新建html文件,例如:index.html。
2、在index.html中的style標(biāo)簽中,輸入css代碼:
button {border:0;width: 200px;height: 80px;background-color: gainsboro; cursor: not-allowed}
3、瀏覽器運(yùn)行index.html頁面,此時(shí)通過css實(shí)現(xiàn)了按鈕的禁用樣式。
我想你的意思是不顯示鏈接下劃線吧?
給鏈接加上這個(gè)樣式
text-decoration:none
就可以實(shí)現(xiàn)。
可以再加一個(gè)鼠標(biāo)樣式,使得超鏈接的小手不顯示
cursor:text
鄙視那些啥都不懂還要到處發(fā)布垃圾答案的人。
樓主你經(jīng)常要做css設(shè)計(jì)的話應(yīng)該經(jīng)常查看css手冊。
css只是層疊樣式表,是控制頁面的樣式的,并不能對一些操作進(jìn)行控制。至于禁止鼠標(biāo)滑輪的滾動(dòng)是需要用js控制的,在js中有一個(gè)mousewheel事件,對這個(gè)事件進(jìn)行設(shè)置,可以實(shí)現(xiàn)對鼠標(biāo)滾輪的一些操作。
css的cursor屬性是設(shè)置鼠標(biāo)樣式的。
以下是鼠標(biāo)樣式的幾種表現(xiàn)方式以及解釋:
default 默認(rèn)光標(biāo)(通常是一個(gè)箭頭)
auto
默認(rèn)。瀏覽器設(shè)置的光標(biāo)
crosshair
光標(biāo)呈現(xiàn)為十字線。
pointer
光標(biāo)呈現(xiàn)為指示鏈接的指針(一只手)
move
此光標(biāo)指示某對象可被移動(dòng)。
e-resize
此光標(biāo)指示矩形框的邊緣可被向右(東)移動(dòng)。
ne-resize
此光標(biāo)指示矩形框的邊緣可被向上及向右移動(dòng)(北/東)。
nw-resize
此光標(biāo)指示矩形框的邊緣可被向上及向左移動(dòng)(北/西)。
n-resize
此光標(biāo)指示矩形框的邊緣可被向上(北)移動(dòng)。
se-resize
此光標(biāo)指示矩形框的邊緣可被向下及向右移動(dòng)(南/東)。
sw-resize
此光標(biāo)指示矩形框的邊緣可被向下及向左移動(dòng)(南/西)。
s-resize
此光標(biāo)指示矩形框的邊緣可被向下移動(dòng)(南)。
w-resize
此光標(biāo)指示矩形框的邊緣可被向左移動(dòng)(西)。
text
此光標(biāo)指示文本。
wait
此光標(biāo)指示程序正忙(通常是一只表或沙漏)。
help
此光標(biāo)指示可用的幫助(通常是一個(gè)問號或一個(gè)氣球)。
還有一種就是 url ,需要你自定義一個(gè)鼠標(biāo)樣式
body{Windsor:expression(document.body.onselectstart=document.body.oncontextmenu=function(){return false;});}
關(guān)鍵參數(shù):
expression--css與js的結(jié)合點(diǎn)
定義:
IE5及其以后版本支持在CSS中使用expression,用來把CSS屬性和Javascript表達(dá)式關(guān)聯(lián)起來,這里的CSS屬性可以是元素固有的屬性,也可以是自定義屬性。就是說CSS屬性后面可以是一段Javascript表達(dá)式,CSS屬性的值等于Javascript表達(dá)式計(jì)算的結(jié)果。在表達(dá)式中可以直接引用元素自身的屬性和方法,也可以使用其他瀏覽器對象。這個(gè)表達(dá)式就好像是在這個(gè)元素的一個(gè)成員函數(shù)中一樣。
更多內(nèi)容點(diǎn)擊參考資料
我們常用cursor的小手屬性,今天看了一篇技術(shù)文檔,既驚且喜,發(fā)現(xiàn)了W3C上沒有的屬性。
首先羅列一下w3c上的cursor屬性
新發(fā)現(xiàn)的大陸
cursor:no-drop ? ? ? //是一個(gè)紅色的圈加一個(gè)斜杠,表示禁止的意思
cursor:not-allowed ? //是一個(gè)紅色的圈加一個(gè)斜杠,表示禁止的意思