制作底部版块(底部div高度150px)，文字大小12px。友情链接后文字有超链接、有超链接样式（开始黑色不带下划线，鼠标放上去红色带下划线）

你可以使用以下代码实现底部版块：

HTML代码：

<div class="footer">
  <div class="links">
    <a href="#">友情链接</a>
    <a href="#">友情链接</a>
    <a href="#">友情链接</a>
  </div>
</div>

CSS代码：

.footer {
  height: 150px;
  background-color: #f1f1f1;
  text-align: center;
  font-size: 12px;
}

.links a {
  color: black;
  text-decoration: none;
  transition: color 0.3s, text-decoration 0.3s;
}

.links a:hover {
  color: red;
  text-decoration: underline;
}

解释一下上面的代码：

1. 首先，我们创建了一个高度为150px的div，它的class为“footer”。
2. 在这个div里面，我们创建了一个class为“links”的div，用来存放友情链接。
3. 在CSS中，我们设置了“.footer”的背景色、文字居中和字体大小。
4. 我们使用“links a”选择器设置了所有链接的颜色和无下划线。
5. 最后，我们使用“links a:hover”选择器设置了链接在鼠标悬停时的颜色和下划线。注意，我们使用了CSS过渡效果，使颜色和下划线平滑过渡。