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页面,此时一行文字用了不同的样式的字体显示。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)