超链接

超链接在前端开发中占有很重要的比例,所以非常重要,要好好掌握。

hover不仅能用于文字超链接,也可以用于图片,区块等的超链接,应用非常广泛。

鼠标指针样式可以自定义图片,文件扩展名为cur。可以百度相关制作方法。

看看凡云阁下面一段代码,相信就会加深印象。

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			a 
			{
			color: red;
			text-decoration: none;/*无下划线*/
			}
			a:hover
			{
			color: yellow;
			text-decoration: underline;/*有下划线*/
			}
			div
		     {width: 100px;
		      height: 30px;}
			#context:hover、/*鼠标放在超链接*/
			{background-color: blue;
			}
			img:hover
			{background-color: yellowgreen;}
			#subiao
			{
			width: 200px;
			height: 30px;
			cursor: pointer;
			cursor: (img/cursor.cru),default; /*鼠标指针自定义*/
			}
		</style>
	</head>
	<body>
		<div id="context">
			<a href="http://www.fanyun.ltd">凡云阁</a>
		</div>
		<div id="subiao">
			只要努力就是会成功
		</div>
	</body>
</html>


本文固定链接: http://www.fanyun.ltd/2035.html | 凡云阁

fanyun
作者:fanyun 于2023年02月09日发表 & 关键词:
除非注明 否则文章均为原创,转载请注明出处: 超链接 | 凡云阁
【上一篇】
【下一篇】

超链接:等您坐沙发呢!

发表评论

亲,不支持纯字母、符号评论哦~