css3 anchor |css3旋转下拉菜单

CSS3 Anchor（锚点）是CSS3中比较常用的一个样式，可以让大家在页面中定义一个超链接的显示样式，从而使链接更加美观和易于识别。 CSS3 Anchor主要用来为页面中的a标签添加样式，其中，a标签是HTML中超链接标签的标志，用法非常简单，例如：

<a href="http://www.example.com">点击跳转到Example网站</a>

如果想要为这个链接添加样式，可以使用CSS3 Anchor。下面是一些实用的CSS3 Anchor样式： 1. 修改链接的颜色和下划线

p a{
color:#333;
text-decoration:none;
}
p a:hover{
color:#0066CC;
text-decoration:underline;
}

通过以上代码，大家可以将超链接的颜色改为黑色（#333），并去掉下划线。当鼠标悬停在链接上时，可以改变其颜色（#0066CC）并添加下划线。 2. 添加背景颜色

p a{
color:#FFF;
background-color:#0066CC;
text-decoration:none;
}
p a:hover{
color:#0066CC;
background-color:#FFF;
text-decoration:none;
}

通过以上代码，大家可以在超链接上添加背景颜色，让链接更加醒目。 3. 修改链接的边框

p a{
color:#333;
text-decoration:none;
border-bottom:1px solid #333;
}
p a:hover{
color:#0066CC;
border-bottom:1px solid #0066CC;
}

通过以上代码，大家可以在超链接下方添加边框，当鼠标悬停在链接上时，边框颜色也会改变。本文只是介绍了CSS3 Anchor的几种常用样式，仅供参考。CSS3 Anchor还有很多其他用法，需要在实践中不断探索。