• 技术文章 >web前端 >html教程

    链接样式怎么用CSS设置

    php中世界最好的语言php中世界最好的语言2017-11-20 16:31:46原创2119
    CSS设置样式表并不难,但是我们首先要搞懂一件事,什么是超链接?超链接通俗地说就是从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

    超链接的代码

    <a href="//m.sbmmt.com/" target="_blank" title="关于前端的网站">DIV+CSS</a>

    解析如下:

    href 后跟被链接地址目标网站地址这里是//m.sbmmt.com/

    target

    _blank -- 在新窗口中打开链接

    _parent -- 在父窗体中打开链接

    _self -- 在当前窗体打开链接,此为默认值

    _top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

    title 后跟链接目标说明,也就是超链接被链接网址情况简要说明,或标题

    CSS可控制超链接样式-css链接样式如下

    a:link是超级链接的初始状态

    a:hover是把鼠标放上去时悬停的状况

    a:active 是鼠标点击时

    a:visited是访问过后的情况

    用CSS来设置链接样式的方法就这么多,大家学到了吗?

    相关阅读:

    XML关于图像超链接的制作的代码实例

    html图片img加超链接后产生难看的蓝色边框的解决方法

    使用a链接时如何阻止超链接跳转方法介绍

    以上就是链接样式怎么用CSS设置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:css 样式表 设置
    上一篇:怎么用css写虚线边框 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 为什么是这样的?_html/css_WEB-ITnose• 有关浏览器兼容样式问题_html/css_WEB-ITnose• html实现跳转_html/css_WEB-ITnose• 清除浮动的疑问_html/css_WEB-ITnose• ajax基本介绍
    1/1

    PHP中文网