当前位置:酷酷问答>百科知识>css设超链接样式

css设超链接样式

2024-10-03 11:23:32 编辑:zane 浏览量:561

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部分引入)

版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/article/62637.html
热门文章