简单的使用链接转到网页,更新页面。
鼠标在元素悬停时会改变
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
span{
display: inline-block;
width: 200px;
font-size: 25px;
color: #ECE3E3;
text-align: center;
letter-spacing:5px;
}
span:nth-child(2n){
background-color:#69B8C7
}
.centen{
text-align: center;
width: 25%;
}
li{
width: 100%;
font-size: 20px;
background-color: #48B2D7;
}
li:nth-child(2n){
background-color:#D7E453
}
img {
width:900px;
height:450px;
left: 50%;
margin-left: 250px;
}
</style>
<body>
<h1 align="center">老涵本人的歌单</h1>
<a href="https://music.163.com/#/artist?id=31250007" >老涵本人</a>
<style type="text/css">
a{margin-right: 20px; }
a:link{
color: #E70C10;
}
a:visited{
color:#0E34EB;
}
a:hover{
color:#1CE638;
font-size: 40px;
}
a:active{
color:#AB0DEE;
}
</style>
<a href="https://music.163.com/#/artist?id=31250007"><img src="tu ku/7f523eb133d1bf98104c281b1ef4502.png" ></a>
<style type="text/css">
a:hover img{
width:800px;
height: 400px;
}
.submenu {
display: none;
}
.menu -item a:hover .submenu{
display: block;
}
</style>
<span style="background-color: #4046CA" class="conten">热门推荐</span><span style="background-color: #5689C9" class="conten">所有专辑</span><span style="background-color: #4046CA" class="conten">相关MV</span><span style="background-color: #5689C9" class="conten">艺人介绍</span>
<h1>歌单内容</h1>
<ul>
<dt>歌手简介</dt>
<dd >
<dd>个人介绍:如果不知道叫我什么 那就叫我老涵吧.
所在地区:江苏省 - 盐城市 年龄:00后
</dd>
<ul >
<dd>这是我喜欢的歌手</dd>
<dd>所以我推荐给你们</dd>
<dd>这个歌手超棒的</dd>
</ul>
</dd>
</ul>
<ol>
<li><a href="https://music.163.com/#/song?id=1916169367">我还是很喜欢你</a></li>
<li><a href="https://music.163.com/#/song?id=1349750198">忽然之间</a></li>
<li><a href="https://music.163.com/#/song?id=1371517016">你来到我生命之后</a></li>
<li><a href="https://music.163.com/#/song?id=1340377545">谁</a></li>
<li><a href="https://music.163.com/#/song?id=1444495447">苛求快乐</a></li>
<li><a href="https://music.163.com/#/song?id=1843027626">心照不宣的礼貌</a></li>
</ol>
</body>
</html>