css3如何設(shè)置鼠標(biāo)劃過(guò)字體會(huì)改變

本文小編為大家詳細(xì)介紹“css3如何設(shè)置鼠標(biāo)劃過(guò)字體會(huì)改變”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“css3如何設(shè)置鼠標(biāo)劃過(guò)字體會(huì)改變”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

成都創(chuàng)新互聯(lián)公司成立與2013年，先為濉溪等服務(wù)建站，濉溪等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為濉溪企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

在css3中，可用“:hover”選擇器和“font-style”屬性設(shè)置鼠標(biāo)劃過(guò)字體改變，“:hover”可設(shè)置元素在鼠標(biāo)劃過(guò)時(shí)的樣式，“font-style”屬性可設(shè)置字體樣式，語(yǔ)法“p:hover{font-style:字體樣式}”。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。

css3怎么設(shè)置鼠標(biāo)劃過(guò)字體會(huì)改變

利用:hover選擇器和font-style屬性即可。

:hover在鼠標(biāo)移到鏈接上時(shí)添加的特殊樣式。

提示: :hover 選擇器器可用于所有元素，不僅是鏈接。

font-style屬性指定文本的字體樣式。

該屬性可能的值如下：

normal 默認(rèn)值。瀏覽器顯示一個(gè)標(biāo)準(zhǔn)的字體樣式。
italic 瀏覽器會(huì)顯示一個(gè)斜體的字體樣式。
oblique 瀏覽器會(huì)顯示一個(gè)傾斜的字體樣式。
inherit 規(guī)定應(yīng)該從父元素繼承字體樣式。

示例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<style>
p:hover
{
font-style:oblique;
}
</style>
</head>
<body>
<p>劃過(guò)改變字體</p>
<p><b>注意:</b> 當(dāng)鼠標(biāo)移動(dòng)到連接上 :hover 選擇器樣式鏈接到該超鏈接。</p>
</body>
</html>

輸出結(jié)果：

css3如何設(shè)置鼠標(biāo)劃過(guò)字體會(huì)改變

讀到這里，這篇“css3如何設(shè)置鼠標(biāo)劃過(guò)字體會(huì)改變”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前標(biāo)題：css3如何設(shè)置鼠標(biāo)劃過(guò)字體會(huì)改變
本文網(wǎng)址：http://bm7419.com/article0/igehoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、云服務(wù)器、、軟件開(kāi)發(fā)、App設(shè)計(jì)、標(biāo)簽優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容