Logo在联系部分的悬停和样式化页脚

1. Logo Hover In Contact Section

要在联系部分的Logo上实现悬停效果，可以使用CSS并添加:hover伪类来设置悬停状态的样式。

HTML代码示例:

<div class="contact">
  <img src="logo.png" alt="公司Logo">
  <p>联系信息</p>
</div>

CSS代码示例:

.contact img {
  width: 100px;
  height: 100px;
}
.contact img:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease-in-out;
}

2. Styling Footer

要为页脚添加样式，请使用CSS选择器并添加所需的样式属性。

HTML代码示例:

<footer>
  <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>
</footer>

CSS代码示例:

footer {
  background-color: #f2f2f2;
  padding: 20px;
  text-align: center;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer ul li {
  display: inline-block;
  margin: 0 10px;
}

footer ul li a {
  color: #333;
  text-decoration: none;
}

footer ul li a:hover {
  color: #000;
  text-decoration: underline;
}