利用css中float 属性,可以轻松地并排浮动内容框
接下来简单实现点歌界面
先设置网页的标题为 Hastue Miku
<title>Hatsune Miku</title>
接下来开始漫长的利用css来编写属性
body{
background:url("5.jpg") center no-repeat;
background-size:130%;
}
首先是主体的背景图
h1 {
text-align: center;
font-size:35px;
color: #00FA9A;
}
标题h1居中,大小为35px,以及颜色设置
.song {
float : left;
padding: 20px;
width :20%;
}
.song ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.song li {