如何使用CSS来修改div中的a标签样式

要美化div中的a标签，你可以使用CSS来设置链接的样式，比如修改文本颜色、背景色、边框、鼠标悬停效果等。以下是一个示例：

HTML代码：

<div class="link-container">
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
</div>

CSS代码：

.link-container a {
  text-decoration: none; /* 去掉下划线 */
  color: #007bff; /* 设定链接文本颜色 */
  background-color: #f5f5f5; /* 设定链接背景色 */
  padding: 5px 10px; /* 设定内边距 */
  border: 1px solid #007bff; /* 设定边框 */
  border-radius: 5px; /* 设定圆角 */
  margin: 5px; /* 设定外边距 */
  display: inline-block; /* 将链接设置为块级元素，以便于设置宽度和高度 */
  transition: background-color 0.3s, color 0.3s; /* 添加过渡效果 */
}

.link-container a:hover {
  background-color: #007bff; /* 鼠标悬停时改变背景色 */
  color: #fff; /* 鼠标悬停时改变文本颜色 */
}

在上述示例中，我们使用了CSS来美化div中的a标签。首先，使用text-decoration: none;去掉了链接的下划线，然后设置了链接的文本颜色、背景色、内边距、边框、圆角和外边距。我们还使用了display: inline-block;将链接设置为块级元素，以便于设置宽度和高度，并添加了鼠标悬停时的背景色和文本颜色变化效果。