CSS超链接
来源:互联网 发布:mplayer 1.3 windows 编辑:程序博客网 时间:2024/05/16 11:22
使用CSS可以编排超链接的样式时,需要用到CSS的伪类pseudoclass。
常用的用于<a>
标签的公共伪类是link、visited、hover、active。
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻
例如:
用户需求是
1、超链接是加粗的蓝色Times New Roman字体,并且有下划线
2、当用户把鼠标悬停于超链接上或者单击时,字体变为红色
3、当用户单击后,字体变为灰色
<style type="text/css"> a{ font-family:Times New Roman,Verdana; <!--font-famlily设置字体系列,可以设置多个值,当用户系统上第一个字体不可用时,会尝试使用后面的字体。--> text-decoration:underline;}a:link{color:#4169E1;}a:hover{color:#FF0000;}a:visited{color:#D3D3D3;} </style>
<p><a href="#top">回到顶部</a></p>
0 0
- 超链接css
- css超链接
- CSS超链接
- css 超链接样式设置
- css设置超链接模块:
- css之超链接
- css超链接样式
- CSS背景图片加超链接
- 超链接常用CSS样式
- 超链接CSS样式
- 0416 css超链接
- 超链接相关css
- css隐藏超链接下划线
- 使用CSS设置超链接
- 【CSS.DIV】动态超链接
- CSS超链接下划线
- css超链接的样式设定
- CSS清除超链接的下划线
- 平衡树学习笔记
- MYSQL初步
- 临时表空间丢失处理
- 解密Java byte类型的一个小问题
- 瓦片地图服务参数与计算
- CSS超链接
- 微信自动发朋友圈 支持 文字,图片 小视频等等
- html5 manifest缓存
- 第01期:ubuntu下淘宝网Tengine服务器的搭建
- 机器学习-分类和逻辑回归
- Android 技术之Serializable和Parcelable方式
- 函数中实参到形参的传递
- Docker平台构成及执行流程
- Oracle的字段名不能和变量名一样,否则会无效