3.30
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>插入图片</title>
<style type="text/css">
a{
/*内联,行元素,默认*/
/*display: inline;*/
/*可以转成块元素*/
display: block;
/*转换行块*/
/*display: inline-block*/;
color:#666666;
/*去掉下划线*/
text-decoration: none;
/*设置48像素*/
font-size: 48px;
/*宽度400px,高度200px*/
width: 400px;
height: 200px;
/*水平居中*/
text-align: center;
/*垂直居中,就是把行高跟高一样*/
line-height: 200px;
}
/*鼠标悬停状态*/
a:hover{
background: #333;
color: #fff;
/**/
font-weight: bold;
}
/*给同一个页面设置不同样式的超级链接*/
.link-blue{
color: blue;
}
.link-red{
color: red;
text-decoration: underline;
}
</style>
</head>
<body>
<!--超级链接的用法-->
<!--1.空链接的使用-->
<!--<span>空链接</span>-->
<a href="#", class="link-blue">空链接</a><!--行元素-->
<a href="#", class="link-red">内部链接</a><!--行元素-->
<a href="#">外部链接</a>
<a href="#">锚记</a>
<a href="#">电子邮件</a>
<a href="#">点我下载</a>
</body>
</html>
浙公网安备 33010602011771号