使用CSS如何實現(xiàn)鼠標點擊元素后向該元素添加樣式

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽中，輸入css代碼：a：visited {color： blueviolet；}。瀏覽器運行index.html頁面，此時超鏈接文本單擊后的樣式被設(shè)置了文字紫色顏色。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)公司、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了美蘭免費建站歡迎大家使用！

先在找個文件夾創(chuàng)建文件index.html。然后用能編輯文本文件的軟件打開index.html，index.html的初始內(nèi)容如圖。接著編寫兩個樣式作為鼠標移動時div修改的樣式。然后編寫js代碼修改div的樣式。

用hover就可以了，意思是當鼠標經(jīng)過時 舉個例子，一個叫top類的div：.top：hover{ color：#F00； font-size：18px；} 意思是當鼠標經(jīng)過時字體顏色變?yōu)榧t色，大小變?yōu)?8像素，離開后恢復(fù)原樣。

CSS鼠標點擊鏈接的樣式

1、首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽中，輸入css代碼：a：visited {color： blueviolet；}。瀏覽器運行index.html頁面，此時超鏈接文本單擊后的樣式被設(shè)置了文字紫色顏色。

2、它們的寫法如下：a：link，定義正常鏈接的樣式；a：visited，定義已訪問過鏈接的樣式；a：hover，定義鼠標懸浮在鏈接上時的樣式；a：active，定義鼠標點擊鏈接時的樣式。

3、hover 選擇器用于選擇鼠標指針浮動在上面的元素。提示： ：hover 選擇器可用于所有元素，不只是鏈接。

當鼠標點擊字上之后變色加粗,點其他的又變?yōu)樵瓨釉趺丛O(shè)css

用標簽的hover偽類可以實現(xiàn)，注意IE下的兼容問題，要求href必須有效。

首先要看LZ會不會寫CSS。如果會的話，鼠標懸停在CSS中寫為HOVER，鼠標觸發(fā)在CSS中寫為ACTIVE。

這個是用javascript控制的。非常簡單。復(fù)制到body里面試下。

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標簽中，輸入css代碼：a：visited {color： blueviolet；}。瀏覽器運行index.html頁面，此時超鏈接文本單擊后的樣式被設(shè)置了文字紫色顏色。

table tr：hover { background-color：#edf4fa；} table tr：hover td[rowspan]{ background-color：#fff；} 這么寫html不用修改。但IE6上不能使用。因為IE6不支持a標簽以外的：hover.如果想支持IE6的話只能用js了。

當前名稱：點擊后樣式css樣式 css設(shè)置點擊效果
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article37/dgcispj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、定制網(wǎng)站、網(wǎng)站內(nèi)鏈、營銷型網(wǎng)站建設(shè)、云服務(wù)器、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(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)