44宇泽国际旅行社网页制作.docVIP

Style/div.css: @charset utf-8; /* 页面初始化 */ html, body, h1, h2, h3, h4 { margin: 0; padding: 0; }/*页面主要元素初始化*/ img { border: 0; }/*清除图像边框*/ a { color: #990000; font-weight: bold; text-decoration: none; }/*定义超链接默认样式*/ a:hover { color: #FF7F00; text-decoration: underline; }/*定义超链接鼠标悬停时样式*/ .left { float: left; }/*定义向左浮动类，以后后期使用*/ .right { float: right; }/*定义向右浮动类，以后后期使用*/ body { background: #8E0D0D url(../images/page_bg.jpg) repeat-x; text-align: center; font:12px 微软雅黑, 宋体, Verdana, sans-serif; color: #565656; }/*设置背景图像，以及定义整体字体类型和颜色*/ #wrapper { text-align: left; margin:0 auto; width:788px; }/*定义wrapper容器宽度，并且居中放置*/ #left { width:268px; background: url(../images/logo.jpg) no-repeat; padding-top: 30px; float:left; } #left h1 { text-align: center; font: 28px 微软雅黑, 宋体, Verdana, sans-serif; color: #6C0505; height: 709px; } #copyright { color: white; } #copyright p { margin: 0 1em 0.5em 1em; text-align:center; } #right { width:520px; float:left; }/*设置右侧容器的宽度，并使其浮动*/ #nav { background: url(../images/header.jpg) no-repeat; height: 108px; }/*加载导航所用的背景图像*/ #nav ul { margin: 0; padding: 0 0 0 30px; } #nav li { float: left; border-right: 1px solid #A26A6B; padding: 66px 9px 9px 9px; list-style: none; } #nav a { color: #CECECE; font: 14px 微软雅黑; font-weight: normal; } #content { background: url(../images/body_bg.jpg) repeat-y; } #content-top { background: url(../images/body_top.jpg) no-repeat; } #content-bot { background: url(../images/body_bot.jpg) no-repeat bottom left; padding:36px 39px 10px 39px; } #content h2 { font: 14px; } #content h2 strong { color: #660505; font-weight: normal; font-size: 18px; } #content-bot img { margin-right:10px; margin-bottom:10px; } #content-hr { clear: both; height: 43px; background: bottom left url(../images/body_hr.jpg) no-repeat; margin: 10px -39px; } #footer { margin:0 -35px; } #footer ul li { display:inline; list-style:none; margin-right:10px; } Index: !DOCTYPE html PUBLIC -//W3C//DT