怎么在CSS里定义超链接的样式?

怎么在CSS里定义超链接的样式?,第1张

CSS中通过四个伪类来定义链接样式,分别是:
a:link         链接默认的样式
a:visited    链接已被访问过时的样式
a:hover     鼠标悬浮在链接上的样式
a:active     点击链接时候的样式

一般定义这四种样式的是“LVHA”的顺序来写样式,不然可能出现样式覆盖问题;

定义class样式一般分两种,一种在a标签上,一种在a标签外面,实例如下:

<style type="text/css">LVHA
aaa a:link{color:red;text-decoration:none;font-size:14px;}
aaa a:visited{color:yellow;text-decoration:none;font-size:14px;}
aaa a:hover{color:blue;text-decoration:none;font-size:14px;}
aaa a:active{color:green;text-decoration:none;font-size:14px;}
</style>
<div class="aaa"><a href="#">在a标签外的标签加class</a></div><br />
<style type="text/css">LVHA
abbb:link{color:red;text-decoration:none;font-size:14px;}
abbb:visited{color:yellow;text-decoration:none;font-size:14px;}
abbb:hover{color:blue;text-decoration:none;font-size:14px;}
abbb:active{color:green;text-decoration:none;font-size:14px;}
</style>
<a href="#" class="bbb">在a标签加</a>

这样写就可以了(假设类为classname):
divclassname a{样式设置}
补充其他:
divclassname a:link{样式设置}
divclassname a:visited{样式设置}
divclassname a:hover{样式设置}
divclassname a:active{样式设置}

解决思路:

按钮属于控件级的对象,优先级比较高,所以不能象或文本一样直接加链接,只能通过按钮的单击事件调用脚本的方式来实现。

具体代码实现如下:

1、若直接在本页跳转到新的页面,实例测试源代码如下:

2、页面展示如下:

3、执行实例,点击打开窗口,运行结果如下:

4、如果需要打开一个新的页面进行跳转,实例测试源代码如下:

5、此时页面展示如下:

6、执行代码,结果如下:(将百度也载入)

css 控制超链接和控制其他标签一样,能控制宽高字体伪类等等属性。

超链接的跳转地址在 a标签里面href属性控制,比如<a href='>

html中使用   <link rel="stylrsheet" type="text/css" href="路径" /> 来引入外部css文件,其中路径为外部css文件的路径

div标签很好写吧    <div></div>

新建一个CSS样式,在类型中选择CSS选择器。
选中a:link,颜色设置为:#ff00ff ,确定 。
选中a:visited,不用设置。
a:hover颜色设置为: #ff0000
a:active颜色设置为:#006666。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13327111.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-15
下一篇 2023-07-15

发表评论

登录后才能评论

评论列表(0条)

保存