a标签超链接使用

最新推荐文章于 2024-08-30 16:48:59 发布

lonely_gfolf

最新推荐文章于 2024-08-30 16:48:59 发布

阅读量457

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web前端开发

本文链接：https://blog.youkuaiyun.com/lonely_gfwolf/article/details/80752588

web前端开发专栏收录该内容

14 篇文章

订阅专栏

本文通过一个简单的HTML页面实例展示了如何使用CSS来设置文本样式、链接状态及布局效果。包括了链接的不同状态颜色设置、文本对齐方式、首行缩进、下划线等效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
a:link{color:black;}
/*未访问过连接初始颜色*/
a:visited{color:pink;}
/* 访问过的链接的颜色*/
a:active{color:#3F6;}
/*鼠标按下时链接的颜色*/
a:hover{color:#C33;}
/*鼠标移入（悬停的）颜色*/
/*伪类，给元素添加特殊的效果*/
#div1{
	width:100px;
	height:100px;
	color:red;
	/*文本颜色*/
	text-align:left;
	/*文本对齐方式*/
	text-indent:32px;
	/*首行缩进 新的单位em表示几个字的大小*/
	text-decoration:underline;
	/*下划线*/
	letter-spacing:10px;
	/*字母间距*/
	word-spacing:10px;
	/*根据空格分词*/
	}
</style>

</head>
<body>

	<div id="div1">
    aaa <br /> 
    <a href="https://www.baidu.com">超链接</a>
    </div>


</body>
</html>