您的位置首页生活百科

css设超链接样式

css设超链接样式

的有关信息介绍如下:

css设超链接样式

案例:我们希望超链接有如下需求:(1)默认样式黑色,25px,没有下划线;(2)当鼠标移动到超链接时,自动出现下划线;(3)点击后,超链接变红色,怎么实现额?下面讲讲方法。

html部分:

链接到搜狐

设置css样式:

a:link{

color:black;

text-decoration:none;

font-size:24px;

}

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

截止我们设置鼠标移动超链接显示放大效果,css文件:

a:hover{

text-decoration:underline;

font-size:40px;

color:green;

}

点击后效果显示css这样写:

a:visited{

color:red;

}

点击后效果图:

注意要引入css:(在html文件head部分引入)