第二本第七章上機1北大青鳥網站導航
阿新 • • 發佈:2019-01-24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文件</title> <style type="text/css"> li { list-style-type: none; font-weight: bolder; float: left; height: 30px; width: 60px; border: 1px none #000; color:#000; text-align: center; line-height: 28px; background-image: url(../Desktop/03%20%E6%8F%90%E4%BE%9B%E7%BB%99%E5%AD%A6%E5%91%98%E7%9A%84%E4%B8%8A%E6%9C%BA%E7%BB%83%E4%B9%A0%E7%B4%A0%E6%9D%90/%E7%BB%83%E4%B9%A01%EF%BC%9A%E5%8C%97%E5%A4%A7%E9%9D%92%E9%B8%9F%E7%BD%91%E7%AB%99%E5%AF%BC%E8%88%AA/%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/forumMenuBg.gif); background-repeat: no-repeat; background-position: 59px; } .zuo { float: left; } .you { float: right; } .oo { background-color:#666; } .ss { float: left; background-color:#000; height: 70px; width: 800px; } li a:hover { background-image: url(%E6%9C%AA%E5%91%BD%E5%90%8D%E7%AB%99%E7%82%B9%202/forumMenuBg.jpg); } a { text-decoration: none; display: block; } </style> </head> <body> <p class="oo"><img class="zuo" src="../Desktop/03 提供給學員的上機練習素材/練習1:北大青鳥網站導航/圖片素材/forumLogo.jpg"></p> <p class="oo"><img class="you" src="../Desktop/03 提供給學員的上機練習素材/練習1:北大青鳥網站導航/圖片素材/forumLogo_r.jpg"></p> <div class="ss"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> </ul> </div> </body> </html>