为啥我的music中的图片两个是分开的而且没有红色的圈
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>慕课贺春</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>
<img src="images/music_pointer.png">
<img src="images/music_disc.png">
</div>
*{
margin:0;
padding:0;
border:none;
font-size:1.5625vw;
font-family:"Microsoft Yahei";
}
#music {
position: fixed;
top:3vh;
right:4vw;
z-index:5;
width:15vw;
height:15vw;
border:4px solid #ef1639;
border-radius:50%;
background:#fff;
}
#music > img:first-of-type {
position: absolute;
top:24%;
right:2.5%;
width:28.421%;
}
#music > img:last-of-type{
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
width:79%;
}
你在通配符哪里改一下字体颜色,看看CSS格式是否链入。
运行后效果