<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>企业网站制作</title> <link href="css/main.css" rel="stylesheet" type="text/css"> <script src="js/setHomeSetFav.js" type="text/javascript" charset="gb2312"></script></head><body> <div class="top"> <div class="top_content"> <ul> <li><a href="#">联系我们</a></li> <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li> <li><a href="#" onclick="SetHome(window.location)">设为首页</a></li> </ul> </div> </div><!--top结束--> <div class="wrap"> <div class="logo"> <div class="logo_left"> <img src="images/logo.jpg" title="慕课网"/> </div> <div class="logo_right"> <img src="images/tel.jpg" title="服务热线">24小时服务热线： <span class="tel">123-456-7890 </span> </div> </div><!--logo结束-->css:*{ margin:0; padding:0; font-size:12px;}.top{ width: 100%; height: 27px; background-image: url(../images/top_bg.jpg) repeat-x; background-color: #eee; }.top_content{ width:1000px; margin: 0 auto;}.top_content li{ float: right; list-style-image: url(../images/li_bg.gif); width: 75px; height: 27px; line-height: 27px;}.top_content a:link,.top_content a:visited{ text-decoration: none; color: #8e8e8e;}.top_content a:hover,.top_content a:active{ color: #900; text-decoration: none;}.wrap{ width: 1000px; margin:0 auto;}.logo{ height: 80px; background-color: white; overflow: hidden;}.logo_left{ width: 200px; float: left; }.logo_right{ width: 300px; float: right; height: 28px; margin-top: 26px; }.logo_right img{ vertical-align: middle; margin-right: 10px;}/*设置文字和图片中间对齐*/.tel{ font-family: sans-serif; color: red; font-size: 14px; font-weight: bold;}
- 2 回答
- 0 关注
- 1481 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消