作业代码

<idoctype html>

<html>

<head>

<meta charset="UTF-8"/>

<title>zuoye</title>

<style>

#box{

       width:134px;

      height:1015px;

}

#example{

width:134px;

height:79px;

background:url(tupianqi.png) no-repeat 16px 21px;}

#music{

width:134px;

height:152px;

border-top:2px solid #f0f0f0;

background:url(tupianone.png) no-repeat 27px 41px;}

#pitcure{

width:134px;

height:152px;

background:url(tupiantwo.png) no-repeat 37px 28px;

border-top: 2px solid #f0f0f0;}

#idea{

width:134px;

height:15px;

background:url(tupiansan.png) no-repeat 31px 19px;

border-top:2px solid #f0f0f0;

}

#book{

width:134px;

height:15px;

background:url(tupiansi.png) no-repeat 36px 20px;

border-top:2px solid #f0f0f0;

}

#table{

width:134px;

height:152px;

background:url(tupianwu.png) no-repeat 31px 25px;

border-top:2px solid #f0f0f0;

}

#world{

width:134px;

height:152px;

background:uri(tupianliu.png) no-repeat 34px 23px;

border-top:2px solid #f0f0f0;

border-bottom:2px solid #f0f0f0;

}

</style>

<body>

<div id="box">

       <div id="example"></div>

      <div id="music"></div>

       <div id="pitcure"></div>

       <div id="idea"></div>

     <div id="book"></div>

        <div id="table"></div>

       <div id="world"></div>

</div>

</body>

</html>

百度云链接http://pan.baidu.com/s/1dFtD7SP

密码 o73e

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容