作者:小佡人 | 来源:互联网 | 2023-10-12 19:05
在CSS中设置超链接样式之前我们在HTML中用标签来表示超链接通过点击跳转到另一个页面在CSS中可以通过伪类选择对超链接访问时不同状态进行设定:a:link:未被访问过的超链接样式
在CSS中设置超链接样式
之前我们在HTML中用标签来表示超链接 通过点击跳转到另一个页面
在CSS中可以通过伪类选择对超链接访问时不同状态进行设定:
a:link:未被访问过的超链接样式
a:visited:被点击过的超链接样式
a:hover:鼠标指针经过超链接时的样式
a:active:当点击时超链接的样式
下面我们来做这张图片
当鼠标移到 每个单词 或 每个单词上面的绿条 时 单词和它上面的绿条就会发光
代码如下:
xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> |
|
|
|
http-equiv="content-type" cOntent="text/html;charset=utf-8"> |
|
|
|
|
|
|
|
|
|
|
|
class="out"> |
|
|
|
|
|
|
|
|
|
href="#"> |
|
|
|
Home |
|
|
|
|
|
|
|
href="#"> |
|
|
|
contract Us |
|
|
|
|
|
|
|
|
|
href="#"> |
|
|
|
web Dev |
|
|
|
|
|
|
|
href="#"> |
|
|
|
web Design |
|
|
|
|
|
|
|
|
|
href="#"> |
|
|
|
Map |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|