CSS 链接样式
2023-06-13 09:17:47 时间
CSS 链接样式
HTML的中 a 也可以根据链接状态不同定义不同的样式(如颜色,字体,背景等)。
a 标签常见的链接状态如下:
a:link 正常,未访问过的链接 a:visited 用户已访问过的链接 a:hover 当用户鼠标放在链接上时 a:active 链接被点击的那一刻a:link {color:#FF0000;} /* 未访问链接*/ a:visited {color:#00FF00;} /* visited link */ a:hover {color:#FF00FF;} /* mouse over link */ a:active {color:#0000FF;} /* selected link */
当设置为若干链路状态样式时,需要准守一些规则:
a:hover 必须跟在 a:link 和 a:visited 后面 a:active 必须跟在 a:hover 后面提示:在本站的 CSS 参考手册中,我们对 CSS:link 选择器 做了详细的介绍。
常见链接样式根据上述链接的颜色变化的例子,可以看出它是在什么状态。
下面,让我们通过一些其他常见的方式转到链接样式:
text-decoration 属性主要用于删除链接中的下划线:
a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a:active {text-decoration:underline;}
背景颜色属性指定链接背景色:
a:link {background-color:#B2FF99;} a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;}
添加不同样式的超链接
这个例子演示了如何为超链接添加其他样式。
高级 创建链接框
这个例子演示了一个更高级的例子,我们结合若干CSS属性显示为方框。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/59529.html
php相关文章
- 独家 | 如何在确保准确度>99%的前提下减少CNN的训练参数(附链接)
- css怎么改鼠标样式,如何利用CSS改变鼠标的样式
- EnterpriseLibrary 6.0(微软企业库6.0学习笔记) 之Data Access Block 配置和获取链接字符串
- golang源码分析:grpc 链接池(2)
- Go语言编译链接过程
- 【CSS教程】紫色渐变登陆布局html+css代码
- SQLServer 错误 7986 系统表预检查:对象 ID O_ID 具有跨对象的链链接。 页 P_ID1 指向分配单元 ID A_ID1 中的 P_ID2(应为 A_ID2)。 由于不可修复的错误,CHECK 语句已终止。 故障 处理 修复 支持远程
- 一个ClassLoader引起的JNI链接错误详解手机开发
- 解析Linux下文件符号链接的技巧(linux文件符号链接)
- 属性Oracle的CSS属性:让你的网站更出彩(oracle的css)
- Linux之链接:传送门般的存在(linux什么是链接)
- MySQL查看表链接信息的方法(mysql查看链接)
- CSS 链接样式
- Linux技巧:创建目录链接快速实现文件管理(linux创建目录链接)
- :如何使用SQL Server建立数据库间的连接(sqlserver做链接)
- CSS如何影响MySQL的使用(css影响MySQL)
- CSS操作MySQL探索无可比拟的新空间(css操作mysql)
- 掌握Redis查看Redis链接工具的使用秘诀(查看redis 链接工具)
- 如何使用CMD链接Oracle数据库(cmd怎么到Oracle)
- 天兔加速系统借助Redis构建高效链接(天兔链接redis)
- 破解redis连接拥堵一种优化思路(处理redis链接过多)
- 器使用Oracle CSS服务器提升业务效率(oracle css服务)
- 用CSS实现链接的虚线下划线效果
- 纯CSS链接悬停提示效果代码