課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
如果想實現(xiàn)鼠標滑過“勇氣”二字時,字號為40px,滑過“膽小如鼠”時,字號是20px,該怎么寫代碼?
2016-04-16
源自:初識HTML(5)+CSS(3)-升級版 8-9
正在回答
.stress1:hover{color:red;font-size:20px;}.stress2:hover{color:blue;font-size:40px;}
<a href="http://idcbgp.cn" class="stress1">膽小如鼠</a>
<a href="http://idcbgp.cn" class="stress2">勇氣</a>
這樣可以實現(xiàn),不知道還有沒有更好的方法,您參考下吧!
?
星空物語 提問者
游夢雨 回復 星空物語 提問者
<span class="font40">勇氣</span><span class="font20">膽小如鼠</span>
.font40:hover{font-size: 40px;?}
.font20:hover{font-size: 20px; }
<div id="box1">勇氣</div>
<div id="box2">膽小如鼠</div>
CSS代碼如下:
#box1:hover{font-size: 40px; }
#box2:hover{font-size: 20px; }
在11行插入以下代碼
h1:hover{font-size:40px;}
a:hover{size:20px}
偽類選擇符,它允許給html不存在的標簽(標簽的某種狀態(tài))設置樣式
分別用兩個標簽分開控制,標簽可以自己任一設或者加id,偽類選擇符 ?:hover可以更改鼠標滑過的格式
HTML代碼如下:
舉報
HTML(5)+CSS(3)基礎教程8小時帶領(lǐng)大家步步深入學習標簽用法和意義
3 回答怎么實現(xiàn)鼠標經(jīng)過時顯示內(nèi)容,鼠標離開時隱藏內(nèi)容?
2 回答關(guān)于鼠標滑過的狀態(tài),如何控制這兩個鼠標滑過的時候顏色不一樣
3 回答鼠標滑過時的特效
1 回答鼠標滑過喲怎么沒有文字啊??
3 回答有兩個a標簽,鼠標滑過時想有兩種不同形式怎么搞
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-04-16
.stress1:hover{color:red;font-size:20px;}
.stress2:hover{color:blue;font-size:40px;}
<a href="http://idcbgp.cn" class="stress1">膽小如鼠</a>
<a href="http://idcbgp.cn" class="stress2">勇氣</a>
這樣可以實現(xiàn),不知道還有沒有更好的方法,您參考下吧!
?
2016-04-16
<span class="font40">勇氣</span><span class="font20">膽小如鼠</span>
.font40:hover{font-size: 40px;?}
.font20:hover{font-size: 20px; }
2016-04-16
<div id="box1">勇氣</div>
<div id="box2">膽小如鼠</div>
CSS代碼如下:
#box1:hover{font-size: 40px; }
#box2:hover{font-size: 20px; }
2016-04-16
在11行插入以下代碼
h1:hover{font-size:40px;}
2016-04-16
a:hover{size:20px}
偽類選擇符,它允許給html不存在的標簽(標簽的某種狀態(tài))設置樣式
2016-04-16
分別用兩個標簽分開控制,標簽可以自己任一設或者加id,偽類選擇符 ?:hover可以更改鼠標滑過的格式
2016-04-16
HTML代碼如下:
<div id="box1">勇氣</div>
<div id="box2">膽小如鼠</div>
CSS代碼如下:
#box1:hover{font-size: 40px; }
#box2:hover{font-size: 20px; }