网页作业1(编程题)

2017.01.15

插入背景图片代码


我只用了其中一种方法

在<head></head>之间链接css样式表

<link href="../css/baidu.css" rel="stylesheet" type="text/css"/>

在html中

<body>

<div id="div1"></div>

<div id="div2"></div>

<div id="div3"></div>

<div id"=div4"></div>

<div id="div5"></div>

<div id="div6"></div>

<div id="div7"></div>

</body>

在css样式表中

#div1,#div2,#div3,#div4,#div5,#div6,#div7{

margin-left:50px;

width:150px;

height:100px;

}

#div1{background-image:url(../image/1.jpg);}

#div2{background-image:url(../image/2.jpg);}


一共七张图片,以此类推

效果图

百度云链接:链接: https://pan.baidu.com/s/1boO930V 

密码:uxhg



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

推荐阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,181评论 0 40
  • ](http://upload-images.jianshu.io/upload_images/2658855-d...
    钩不了沉阅读 650评论 0 1
  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 956评论 0 2
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 301评论 0 0