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

通过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>

【JAVAscript css基础创建链接修饰链接】相关推荐

1.6 前端设计——HTML5+Javascript+CSS基础
前端设计时,为了兼容微信内置浏览器,我们采用H5页面的方式进行设计,设计界面时,我们必须充分考虑当前界面是要适配手机操作的. 结合前面的介绍,本章结束时,我们能够完成一个简单的小项目(程序)--选课系 ...
HTML，css和JavaScript的基础学习—html篇
关于HTML,CSS,JavaScript的基础学习心得-html 它们之间的联系初接触html html头部 html主体 html文本 html图像与链接它们之间的联系一个基本的网站包含很多 ...
HTML，css和JavaScript的基础学习—css篇
HTML,css和JavaScript的基础学习-css篇 1.css是什么?由什么组成? 层叠样式表,定制html元素的显示样式,美化页面,对于前端页面的搭建十分重要. 由三部分组成:选择器,属性, ...
前端基础：html基础(css基础和JavaScript基础)/01/B/S网络结构，html文件结构，html标签格式，lt;bodygt;中的一些常用标记
前端基础:html基础(css基础和JavaScript基础)/01/B/S网络结构,html文件结构,html标签格式,<body>中的一些常用标记 html:超文本标记语言(非编程语言 ...
HTML，css和JavaScript的基础学习—JavaScript篇
HTML,css和JavaScript的基础学习-JavaScript篇 JavaScript是做什么的? JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型 ...
宝塔控制面板创建ftp后链接不上的解决方法
宝塔控制面板创建ftp后链接不上的解决方法参考文章: (1)宝塔控制面板创建ftp后链接不上的解决方法 (2)https://www.cnblogs.com/cncom/p/10772078.htm ...
HTML5超链接和多媒体,IT兄弟连 HTML5教程多媒体应用创建图像和链接
原标题:IT兄弟连 HTML5教程多媒体应用创建图像和链接指引多媒体来自多种不同的格式.它可以是您听到或看到的任何内容,文字.图片.音乐.音效.录音.电影.动画等等.在因特网上,您会经常发现嵌 ...
windows 软链接_Linux 基础-软链接和硬链接区别
链接类似于windows 上的快捷方式但又不一样,Linux上的链接分为两种,就是标题你所看的--软链接和硬链接,首先我们创建一个文件用于我们下面的测试. 用命令 touch 创建 test.txt文 ...
如何在SQL Server Management Studio中创建和配置链接服务器以连接到MySQL
This article will guide you with all the necessary steps to successfully create a linked server in S ...

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

【JAVAscript css基础创建链接修饰链接】相关推荐

最新文章

热门文章

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

【JAVAscript css基础 创建链接 修饰链接】相关推荐

最新文章

热门文章

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

【JAVAscript css基础创建链接修饰链接】相关推荐