html css 网页设计 a:link ,a:visited,a:hover, 怎么 添加行内样式

html css 网页设计 a:link ,a:visited,a:hover, 怎么 添加行内样式,第1张

a:link,a:visited,a:hover,貌似不可以用行内样式表示哦。

可以用内部样式:

<style>

    a:link {color:blue}

    a:visited{color:red} 

    a:hover {color:yellow}

</style>

也可以用css文件中的外部样式:

<link rel="stylesheet" type="text/css" href="test.css"></link>

test.css文件里:

    a:link {color:blue}

    a:visited{color:red} 

    a:hover {color:yellow}

但是貌似不可以用行内样式的。

如果一定要用,可以这样的方式来:

<a href="javascript:void(0)" onmouseover="this.style.color='yellow'" onmouseout="this.style.color='blue'" onclick="this.style.color='red'">链接</a>

其中,onmouseout对应的a:link,onclick对应的a:visited,onmouseover对应的a:hover

有3种方式:

分别如下:

1--行间样式表(内联样式)

<div style="……"></div>

2--内部样式表

<style>

选择器{属性:属性值}

</style>

3--外部样式表

<link href="style.css" rel="stylesheet“ type=“text/css”/>

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<body>标签中,输入html代码:

<span style="font-family: Arial">hello </span>

<span style="font-family: 宋体">world </span>

3、浏览器运行index.html页面,此时一行文字用了不同的样式的字体显示。


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

原文地址: http://outofmemory.cn/bake/11572907.html

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

发表评论

登录后才能评论

评论列表(0条)

保存