摘要:<!doctype html> <html> <head> <meta charset="utf-8"> <title>導(dǎo)航布局</title> <link rel="stylesheet" type="text/css&qu
<!doctype html> <html> <head> <meta charset="utf-8"> <title>導(dǎo)航布局</title> <link rel="stylesheet" type="text/css" href="css/index.css"> <link rel="stylesheet" type="text/css" href="css/font-awesome-4.7.0/css/font-awesome.min.css"> </head> <body> <div class="header"> <div class="header_content"> <div class="header_left"> <a href="" class="header_a">中國(guó)大陸 <i class="fa fa-angle-down"></i></a> <a href="" style="color:#FF5000;">親,請(qǐng)登錄</a> <a href="">免費(fèi)注冊(cè)</a> <a href="">手機(jī)逛淘寶</a> </div> <div class="header_right"> <a href="" class="header_a">我的淘寶<i class="fa fa-angle-down"></i> <ul> <li>已買到的寶貝</li> <li>我的足跡</li> </ul> </a> <a href=""><span class="fa fa-cart-plus" style="color:#FF5000;"></span> 購(gòu)物車</a> <a href="" class="header_a"><span class="fa fa-star"></span> 收藏夾<i class="fa fa-angle-down"></i> <ul> <li>已買到的寶貝</li> <li>我的足跡</li> </ul> </a> <a href="">商品分類</a> <a href="" class="header_a">賣家中心<i class="fa fa-angle-down"></i></a> <a href="" class="header_a">聯(lián)系客服<i class="fa fa-angle-down"></i></a> <a href="" class="header_a"><span class="fa fa-align-justify" style="color:#FF5000;"></span>網(wǎng)站導(dǎo)航<i class="fa fa-angle-down"></i> <ul> <li>已買到的寶貝</li> <li>我的足跡</li> <li>我的足跡</li> <li>我的足跡</li> <li>我的足跡</li> <li>我的足跡</li> </ul> </a> </div> </div> <div class="clear"></div> </div> <p> 通過CSS就能做出下拉菜單的效果,之前以為是javascript做的呢??催^視頻后還不能靈活熟練掌握要點(diǎn),以后還需要多練習(xí)。 </p> </body> </html>
批改老師:天蓬老師批改時(shí)間:2019-04-13 09:09:08
老師總結(jié):現(xiàn)在的css3的功能已經(jīng)非常強(qiáng)大了, 并且 不斷有新功能加入, 之前很多需要js做的, 現(xiàn)在直接用css或者更簡(jiǎn)單的方式能實(shí)現(xiàn),例如表單驗(yàn)證