css设超链接样式

2025-11-10 17:57:01

1、html部分：

<html>

<head>

</head>

<body>

<a href="http://www.souhu.com">链接到搜狐</a>

</body>

</html.

2、设置css样式：

a:link{

color:black;

text-decoration:none;

font-size:24px;

}

这样子里设置的是当我们不触发鼠标时候显示的。如下：效果图

3、截止我们设置鼠标移动超链接显示放大效果，css文件：

a:hover{

text-decoration:underline;

font-size:40px;

color:green;

}

css设超链接样式

4、点击后效果显示css这样写：

a:visited{

color:red;

}

点击后效果图：

css设超链接样式

5、注意要引入css:(在html文件head部分引入）

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。