HTML超链接和CSS设置样式

HTML超链接和CSS设置样式

htmladmin2020-07-26 5:42:5358A+A-

  在HTML中,超链接使用的非常广泛和使用,是网站的必不可少的一个构成部分,我们在设计HTML的时候,合理利用超链接就是构建了一个好网站的逻辑结构,今天我就来分享下如何新建一个超链接和设置超链接的样式表。

  可以看到不设置样式的情况下,默认显示带下划线的蓝色字体为超链接的样式,具体效果如下图所示。

  我们可以看到一个带下划线的蓝色字体就是超链接,那么我们如果说在网页中不想要显示蓝色的字体该怎么做呢,这里我就用CSS来控制使得不显示下划线,具体代码如下:

  我们想要看看超链接文字未被选中时候的颜色为红色并且没有下划线,具体代码如下:

  当我们将鼠标放到超链接上需要显示下划线并且字体颜色变成了蓝色,设计代码如下:

  可以看到,将鼠标放到超链接上的时候就会发现字体有了下划线并且字体颜色变成了蓝色。

  这里我来设计当点击了超链接的之后,超链接变成绿色,而且没有下划线,具体实现代码如下:

  当我们点击了超链接,并且没有释放的时候我们该怎么显示呢?具体的代码如下:

  可以看到,单击之后不放开的时候我们发现超链接的变成了皇上并且具有下划线。

点击这里复制本文地址 免责声明:本站内容由程序自动采集于互联网,无人工干预,只作交流和学习使用,本站不储存任何资源内容,如有侵权请联系qq邮箱798244092@qq.com立刻删除,谢谢!

支持Ctrl+Enter提交

java © All Rights Reserved.  
Powered by 多多资源网 Themes by 多多资源网
联系我们| 关于我们| 留言建议| 网站管理