时间：2022-08-23 04:42:01 | 来源：网站运营
时间：2022-08-23 04:42:01 来源：网站运营
在线咨询
HTML文档：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的家乡</title> <link rel="stylesheet" href="css/index.css"></head><body> <div class="nav"> <li><a href="index.html" class="url">首页</a></li> <li><a href="intro.html">家乡简介</a></li> <li><a href="photos.html">家乡美景</a></li> <li><a href="food.html">家乡美食</a></li> <li><a href="video.html">家乡视频</a></li> <li><a href="login.html">登录/注册</a></li> </div> <div class="clear"></div> <div class="img"> <img src="images/img1.jpg"> </div> CSS文档：.nav{ width: 1080px; height: 50px; margin: auto; background-color: rgb(43, 40, 40);}li{ line-height: 50px; margin-left: 100px; list-style: none; float: left;}a{ text-decoration: none; color: cornsilk;}.nav a:hover{ color: maroon; border-bottom: 3px solid #cd000e;}.nav li .url{ border-bottom: 3px solid #cd000e;}.clear{ clear: both;}.img{ width: 1080px; margin: auto;}.img img{ width: 1080px;}.cont{ width: 1080px; height:200px; margin: auto; margin-top: -4px;}.box1,.box2,.box3{ width: 360px; height: 200px; float: left; background-color: rgb(17, 15, 15); color: blanchedalmond;}.cont a{ margin-left: 155px;}h3{ text-align: center;}p{ padding: 10px; font-size: 10px;}.footer{ width: 1080px; height: 30px; text-align: center; background-color: rgb(44, 39, 39); margin: auto; color: ivory;}
