链接样式怎么用CSS设置
程序员文章站
2022-03-20 22:39:16
...
CSS设置样式表并不难,但是我们首先要搞懂一件事,什么是超链接?超链接通俗地说就是从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。
超链接的代码
<a href="http://www.php.cn/" target="_blank" title="关于前端的网站">DIV+CSS</a>
解析如下:
href 后跟被链接地址目标网站地址这里是http://www.php.cn/
target
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
title 后跟链接目标说明,也就是超链接被链接网址情况简要说明,或标题
CSS可控制超链接样式-css链接样式如下
a:link是超级链接的初始状态
a:hover是把鼠标放上去时悬停的状况
a:active 是鼠标点击时
a:visited是访问过后的情况
用CSS来设置链接样式的方法就这么多,大家学到了吗?
相关阅读:
以上就是链接样式怎么用CSS设置的详细内容,更多请关注其它相关文章!
推荐阅读
-
怎样用纯html和css更改默认的上传文件按钮样式
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose
-
a标签加上CSS样式后 onclick事件不执行,怎么办- -。_html/css_WEB-ITnose
-
是怎么用的?_html/css_WEB-ITnose
-
怎么用CSS3做出灯光照射显示文字动画
-
css margin-left属性怎么用
-
js怎么通过类来修改css样式
-
css怎么设置文本框宽度
-
css怎么设置a标签颜色
-
css怎么设置宽为100vw