【JAVAscript css基础创建链接修饰链接】

最新推荐文章于 2023-01-06 19:04:30 发布

魂归大地

最新推荐文章于 2023-01-06 19:04:30 发布

阅读量853

点赞数 1

分类专栏：前端开发

本文链接：https://blog.csdn.net/weixin_50336825/article/details/123918255

版权

java vscode

前端开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

通过css可以实现不同样式的链接创建。

一.你需要一个编译程序的环境。

如果你什么都没有配置，可以直接用电脑自带的记事本打开，在html格式中编译。

<!DOCTYPE html>
<html>
<head>
<style>

在<style>之间编译css的内容。

二.现在用css语法就可以编译了。

注意：css是对html的修饰语言，你需要完整的html格式

<!DOCTYPE html>
<html>
<head>
<style>

在此区域写css

</style>
</head>
<body>

在此区域添加链接

</body>
</html>

三.写一个例子

这里我把链接颜色设置为绿色

鼠标悬停颜色为热粉色

点击时颜色为蓝色

四.代码分享

<!DOCTYPE html>
<html>
<head>
<style>

a:visited {
  color: green;
}

a:hover {
  color: hotpink;
}

a:active {
  color: blue;
}
</style>
</head>
<body>

<h1>CSS 链接</h1>
<p><b><a href="https://blog.csdn.net/weixin_50336825/article/details/123692032?spm=1001.2014.3001.5501" target="_blank">这是我的链接</a></b></p>


</body>
</html>

魂归大地

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JAVAscript css基础创建链接修饰链接】

通过css可以实现不同样式的链接创建。一.你需要一个编译程序的环境。如果你什么都没有配置，可以直接用电脑自带的记事本打开，在html格式中编译。 <!DOCTYPE html><html><head><style>在<style>之间编译css的内容。二.现在用css语法就可以编译了。注意：css是对html的修饰语言，你需要完整的html格式<!DOCTYPE html><html&g..
复制链接

扫一扫