HTML第七章上機練習1
阿新 • • 發佈:2019-02-12
<!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> <link href="1.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="topLogo"><img src="forumLogo_r.jpg"/></div> <div id="menu"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">青鳥知識庫</a></li> <li><a href="#">青鳥論壇</a></li> <li><a href="#">學員問答</a></li> <li><a href="#">青鳥圈子</a></li> <li><a href="#">時時課堂</a></li> <li><a href="#">客戶端下載</a></li> <li><a href="#">幫助中心</a></li> </body> </html>
@charset "gb2312"; /* CSS Document */ body, div, ul, li {margin:0px;padding:0px;} body {background-color:#FFF;} img {border:0px;} ul, li {list-style:none;} #topLogo {width:960px;margin:0px auto;color:#a3a3a3;background:#ebebeb url(forumLogo.jpg) 0px 0px no-repeat;height:82px;text-align:right;} #menu {background-color:#383838;height:33px;width:960px;margin:0px auto;} #menu li {float:left;} #menu li a, #menu li a:hover {color:#ffffff;text-decoration:none;font-size:14px;font-weight:bold;height:33pxline-height33pxdisplay;padding:0px 15px;} #menu li a { background:url(forumMenuBg.gif) top right no-repeat;} #menu li a:hover {background:url(forumMenuBg.jpg) repeat-x;}