1. 程式人生 > >a標籤超連結使用

a標籤超連結使用

<!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>