如何使用HTML+CSS制作音乐盒

编写思想：

1.分析结构为3个div标签以及h2标签，p标签，img标签制作完成，编写对应的标签并插入正文、图片完成H5的编写；

2.先使用通配符选择器清楚默认的样式，比如外内边距，方便精确的控制，再定义最外层的div类名为one，使用类选择器添加CSS样式，由于标签有继承性，设置居中对齐text-align: center;对之后的内容也有效果，设置最外层div的宽高分别为220px，270px；

3.使用后代选择器设置标题的样式，设置高度为50px，设置第二个div的下边框综合属性：颜色为灰色，虚线，高度为1px；设置字体为微软雅黑，有一个小技巧，当行间距和高度一致时，可以成水平垂直居中；

4.使用后代选择器设置段落的样式，设置高度为25px，同理设置行间距也为25px，颜色为灰色。

源代码：

实现效果：