为啥我的music中的图片两个是分开的而且没有红色的圈

来源:3-3 移动端项目开发----表示层

qq_虫小懒窝着不动不是懒_03120983

2017-08-01 10:15

为啥我的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%;

}


写回答 关注

2回答

  • 小天霖
    2018-05-01 03:03:52

    你在通配符哪里改一下字体颜色,看看CSS格式是否链入。

  • qq_虫小懒窝着不动不是懒_03120983
    2017-08-01 10:17:12

    http://img.mukewang.com/597fe4790001c66d06920849.jpg

    运行后效果


HTML5+CSS3实现春节贺卡

又逢新春佳节,春节贺卡搞起来,学会HTML5+CSS3实现春节贺卡

110034 学习 · 450 问题

查看课程

相似问题