制作一个孙燕姿音乐的网页css
时间: 2023-10-07 22:13:28 浏览: 47
好的,我会尽力为您提供相关的CSS代码,以下是一个简单的孙燕姿音乐的网页CSS示例:
```css
/* 页面背景 */
body {
background-color: #f2f2f2;
}
/* 标题样式 */
h1 {
font-size: 36px;
text-align: center;
margin-top: 50px;
color: #333333;
}
/* 歌曲列表样式 */
ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
li {
display: inline-block;
margin: 20px;
padding: 10px;
border: 2px solid #cccccc;
border-radius: 10px;
background-color: #ffffff;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
li:hover {
background-color: #e6e6e6;
}
/* 播放器样式 */
audio {
display: block;
margin: auto;
margin-top: 50px;
}
```
您可以将上述CSS代码添加到您的HTML页面中,以实现孙燕姿音乐网页的基本样式。当然,这只是一个简单的示例,您可以根据自己的需要进行更改和定制。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)