SOURCE

<div class="header" >
<h1 >天天云音乐</h1>
<ul>
<li><a href="http://jsrun.net/UtkKp/show">天天首页</a></li>
<li><a href="http://jsrun.net/kjkKp/show">排行榜</a></li>
<li><a href="http://jsrun.net/QMkKp/show">联系我们</a></li>
  <div class="dropdown">
    <li><a href="#" class="dropbtn">歌手简介</a></li>
    <div class="dropdown-content">
      <a href="http://jsrun.net/8ukKp/show">林俊杰</a>
      <a href="http://jsrun.net/IukKp/show">周杰伦</a>
      <a href="http://jsrun.net/QukKp/show">歌手专辑</a>
    </div>
  </div>
</ul>
<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="http://p3.music.126.net/vfvKwRxGdR5g7FrjlWAhXA==/18644418674108020.jpg" alt="First slide">
			
		</div>
		<div class="item">
			<img src="http://p4.music.126.net/o-dQ8_nkwXVedbwp2nAKbg==/18999560928080637.jpg" alt="Second slide">
			
		</div>
		<div class="item">
            <img src="http://p4.music.126.net/cJ6IRnOqo0jjrufRdpnplg==/19118308183887779.jpg" alt="Third slide">
            
        </div>
    </div>

   <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left" href="#myCarousel" 
        data-slide="prev">&lsaquo;
    </a>
    <a class="carousel-control right" href="#myCarousel" 
        data-slide="next">&rsaquo;
    </a>
   </div> 
  <div class="content">
    <h1 style=" color:black;" >热门推荐</h1>
    
  </div>
    
    <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-md-4">
          <h2 >民谣</h2>
          <p>民间流行的、赋予民族色彩的歌曲，称为民谣或民歌。民谣的历史悠远，故其作者多不知名。民谣的内容丰富，有宗教的、爱情的、战争的、工作的，也有饮酒、舞蹈作乐、祭典等等。民谣表现一个民族的感情与习尚，因此各有其独特的音阶与情调风格。如法国民谣的蓬勃、意大利民谣的热情、英国民谣的淳朴、日本民谣的悲愤、西班牙民谣的狂放不羁、中国民谣的缠绵悱恻，都表现了强烈的民族气质与色彩。 </p>
          <p><a class="btn btn-default" href="http://music.163.com/#/search/m/?%23%2Fdiscover%2Fplaylist=&s=%E6%B0%91%E8%B0%A3&type=1" role="button">更多歌曲 &raquo;</a></p>
        </div>
        <div class="col-md-4">
          <h2>流行</h2>
          <p>流行音乐是根据英语Popular Music翻译过来的。按照汉语词语表面去理解，所谓流行音乐，是指那些结构短小、内容通俗、形式活泼、情感真挚，并被广大群众所喜爱，广泛传唱或欣赏，流行一时的甚至流传后世的器乐曲和歌曲。这些乐曲和歌曲，植根于大众生活的丰厚土壤之中。因此，又有"大众音乐”之称。
流行音乐19世纪末20世纪初起源于美国，从音乐体系看，流行音乐是在叮砰巷音乐、布鲁斯、爵士乐、摇滚乐、索尔音乐等美国大众音乐架构基础上发展起来的音乐。其风格多样，形态丰富，可泛指Jazz、Rock、soul、Blues、Reggae、Rap、Hip-Hop、Disco、New Age等20世纪后诞生的都市化大众音乐。 </p>
          <p><a class="btn btn-default" href="http://music.163.com/#/search/m/?%23%2Fdiscover%2Fplaylist=&s=%E6%B5%81%E8%A1%8C&type=1" role="button">更多歌曲 &raquo;</a></p>
       </div>
        <div class="col-md-4">
          <h2>摇滚</h2>
          <p>摇滚乐，英文全称为Rock' N' Roll'，兴起于20世纪50年代中期，主要受到节奏布鲁斯、乡村音乐和叮砰巷音乐的影响发展而来。早期摇滚乐很多都是黑人节奏布鲁斯的翻唱版，因而节奏布鲁斯是其主要根基。摇滚乐分支众多，形态复杂，主要风格有：民谣摇滚、艺术摇滚、迷幻摇滚、乡村摇滚、重金属、朋克等，代表人物有：埃尔维斯·普莱斯利（猫王）、鲍勃·迪伦、披头士乐队、滚石乐队等，是20世纪美国大众音乐走向成熟的重要标志。
中国摇滚乐兴起于80年代初，1986年崔健以一首《一无所有》喊出了中国摇滚第一声。90年代中期为中国摇滚的高峰期</p>
          <p><a class="btn btn-default" href="http://music.163.com/#/search/m/?%23%2Fdiscover%2Fplaylist=&s=%E6%91%87%E6%BB%9A&type=1" role="button">更多歌曲 &raquo;</a></p>
        </div>
      </div>
   </div>
  <div id="footer" style="background-color:black;clear:both;text-align:center;">
版权 © lupengfei @qq:617448808</div>
 
</div>

h1
{
    text-shadow: 5px 5px 5px #FF0000;
}
ul
{
background-color:black;
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
li
{
  padding:10px;
	float:left;
  z-index:9999;
  
}
a
{
  color:white;
	
	z-index:9999;
  
}
.header
{
  background-color:black;
  font-size:20px;
  text-indent: 30px;
  height:50px;  
  color:white;
}
img
{
   width:100%;
   margin:0 auto;
   display:block;
  z-index：-1；
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

}
h2{
  color:black;
}
p{
  color:black;
}
li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn {
    background-color: #111;
}

.dropdown {
    display: inline-block;
  
}

.dropdown-content {
    display: none;
    position: relative;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index：9999；
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover 
{
  background-color: grey；
   
}

.dropdown:hover .dropdown-content {
    display: block;
}