域名和网站名要一样吗,湖南建设人才网,百度大数据中心,潍坊 区网站建设“音乐盒”可以看做一个大盒子#xff0c;用div标签进行定义。大盒子的上面为文本内容#xff0c;可以在div标签中嵌套h2和p标签来实现#xff1b;大盒子下面为图像#xff0c;通过在div标签中嵌套img/标签来实现。
样式… “音乐盒”可以看做一个大盒子用div标签进行定义。大盒子的上面为文本内容可以在div标签中嵌套h2和p标签来实现大盒子下面为图像通过在div标签中嵌套img/标签来实现。
样式分析
通过最外层的大盒子对音乐盒进行整体控制需要对其设置宽度、高度、边框和文本居中等样式。设置文本模块中“毕业季|再见青春”的样式主要控制器文本大小、字体、高、行高、边框。
设置文本模块中“36557人收听”的样式主要控制其文本大小、颜色、高和行高。 代码素材 参考代码
!doctype html
html
head
meta charsetutf-8
title无标题文档/titlestyle*{margin: 0; /*清除浏览器默认边距*/padding: 0; text-align:center; /*文字居中*/}h2{padding:5px; /*设置标题内边距*/font-size: 20px; /*设置文字大小*/margin:5px; /*设置标题外边距*/border-bottom: 2px #999 dashed; /*设置标题底部边框宽度,颜色虚线*/}.nei{padding: 0px 15px 15px 15px; /*设置图片的上右下左的边距*/}.wai{margin: 50px auto;/*设置上下外边距50px左右居中显示*/width: 210px; /*设置div盒子的宽度*/height:265px; /*设置div盒子的高度*/border:solid 2px #999; /*设置盒子的边框为单实线线宽2px颜色灰色*/}.one{color: #999;}/style
/headbodydiv classwaispanh2毕业季|再见青春/h2/spanspan classone36557人收听/spandiv classneiimg srcimg/music.jpg//div/div
/body
/html