Rumah  >  Artikel  >  hujung hadapan web  >  链接样式怎么用CSS设置

链接样式怎么用CSS设置

php中世界最好的语言
php中世界最好的语言asal
2017-11-20 16:31:462926semak imbas

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

超链接的代码

DIV+CSS

解析如下:

href 后跟被链接地址目标网站地址这里是http://www.php.cn/

target 

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

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

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

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

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

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

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

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

a:active 是鼠标点击时 

a:visited是访问过后的情况

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

相关阅读:

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

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

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

Atas ialah kandungan terperinci 链接样式怎么用CSS设置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:怎么用css写虚线边框Artikel seterusnya:HTML里的checkbo怎么使用