當前位置:編程學習大全網 - 人物素材 - 如何用CSS設置連接鼠標在上面是變成手型

如何用CSS設置連接鼠標在上面是變成手型

用CSS設置連接鼠標在上面變成手型的方法:只需要對需要設置鼠標指針的文字加上壹個 cursor: pointer 即可實現。

具體步驟:

壹、打開前端開發軟件,新建壹個html代碼頁面。

二、在新建的html代碼頁面上找到<body>,在這個<body>標簽裏創建壹個標簽,a案例中使用的是<a>。

三、為新家<a>添加鼠標指針為手指樣式。在html代碼頁面中找到<tilte>,在這個<title>後面創建壹個<style>,然後在<style>中新建壹個樣式類,最後為這個樣式類添加鼠標指針樣式。

四、把鼠標指針樣式添加到<a>標簽上。

五、保存html代碼後使用瀏覽器打開,當鼠標滑過<a>上的文字後即可看到鼠標變為了指針狀態。

六、直接復制以下代碼到新建的html文件上,粘貼保存後使用瀏覽器打開即可看到效果。

擴展資料:

總體來說,CSS具有以下特點:

豐富的樣式定義

CSS提供了豐富的文檔樣式外觀,以及設置文本和背景屬性的能力;允許為任何元素創建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

易於使用和修改

CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在壹個專門的CSS文件中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式聲明統壹存放,進行統壹管理。

另外,可以將相同樣式的元素進行歸類,使用同壹個樣式進行定義,也可以將某個樣式應用到所有同名的HTML標簽中,也可以將壹個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式聲明進行修改。

多頁面應用

CSS樣式表可以單獨存放在壹個CSS文件中,這樣我們就可以在多個頁面中使用同壹個CSS樣式表。CSS樣式表理論上不屬於任何頁面文件,在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統壹。

層疊

簡單的說,層疊就是對壹個元素多次設置同壹個樣式,這將使用最後壹次設置的屬性值。例如對壹個站點中的多個頁面使用了同壹套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義壹個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設置進行重寫,在瀏覽器中看到的將是最後面設置的樣式效果。

頁面壓縮

在使用HTML定義頁面效果的網站中,往往需要大量或重復的表格和font元素形成各種規格的文字樣式,這樣做的後果就是會產生大量的HTML標簽,從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在加載頁面時使用的時間也會大大的減少。另外,CSS樣式表的復用更大程序的縮減了頁面的體積,減少下載的時間。

參考資料:

CSS——百度百科

  • 上一篇:保護環境的海報主題是什麽?環保公益海報賞析
  • 下一篇:小學壹年級逛超市作文
  • copyright 2024編程學習大全網