一個(gè)網(wǎng)站最基本的就是導(dǎo)覽航，現(xiàn)在就開始教大家做上圖這個(gè)效果的

看著舒服，鼠標(biāo)移動(dòng)過(guò)去還是可以有其他效果的

1、先把頁(yè)面內(nèi)容做出來(lái)就是<div>里面的內(nèi)容

2、先把整體的框架做出來(lái)，比如說(shuō).nav" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > web開發(fā)源代碼案例8

web開發(fā)源代碼案例8

時(shí)間：2023-07-22 02:06:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-22 02:06:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

web開發(fā)源代碼案例8：




一個(gè)網(wǎng)站最基本的就是導(dǎo)覽航，現(xiàn)在就開始教大家做上圖這個(gè)效果的

看著舒服，鼠標(biāo)移動(dòng)過(guò)去還是可以有其他效果的

1、先把頁(yè)面內(nèi)容做出來(lái)就是<div>里面的內(nèi)容

2、先把整體的框架做出來(lái)，比如說(shuō).nav 里面的內(nèi)容，這個(gè)就是做框架的，這個(gè)就是管理整個(gè)框架樣式

3、再根據(jù)a的需求來(lái)設(shè)置 .nav a 這個(gè)大家可以看到主要是導(dǎo)航鏈接的樣式

4、鼠標(biāo)移動(dòng)到該導(dǎo)航鏈接的樣式

我們就可以從大到小，從默認(rèn)到觸碰的到的思路一步步做下去

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>web開發(fā)源代碼案例8</title> <style> .nav { height: 41px; border-top: 3px solid #ff8500; border-bottom: 1px solid #edeef0; line-height: 41px; background-color: #fcfcfc; } .nav a { display: inline-block; color: #4c4c4c; font-size: 12px; text-decoration: none; padding: 0 20px; } .nav a:hover { background-color: #eee; color: #ff8500; } </style></head><body> <div class="nav"> <a href="#">首頁(yè)</a> <a href="#">導(dǎo)航欄</a> <a href="#">關(guān)于我們</a> <a href="#">你是最帥的</a> </div></body></html>

關(guān)鍵詞：發(fā)源

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉