在HTML和CSS文件所在的文件夹中新建一个文件夹,名为images;将“两学一做”的图片保存在images文件夹中;编辑HTML文件,在页面上新建一个div元素,设置id属性值images;编辑CSS文件,将上面的图片用于为div背景图片,要求图片居中显示,只出现一次(不重复出现),且div元素的背景色要与图片的颜色一致;将这部分的CSS规则写在下面。p.s.提示:参考background属性
html:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <link href="style1.css" type="text/css" rel="stylesheet"></head><body> <div id="images"> </div></body></html>2. CSS:#images { background-image: url("http://dgb.lnxdfwxy.com:8020/lxyz/upLoad/slide/month_1412/201412111536474186.jpg"); background-repeat: no-repeat; background-color: #E1D5BD;}
举一反三
- 利用css加载图片bg.png,图片放在images文件中,images文件夹、css文件夹与html文件相同路径。要求图片不重复。
- 当前文件夹下有一个HTML文件a.htm和一个子文件夹B,文件夹B中有一个图片文件flower.jpg,请问()写法可以在a.htm中插入该图片 A: B: C: D:
- 在HTML页面中,定义样式设置按钮的背景图片为images文件夹下的background1.jpg文件,需要将CSS的( )属性赋值为url(images/background1.jpg)。 A: width B: height C: ackground-colo D: ackground-image
- HTML中,图片标记中有一个()属性,其作用是用于设置图片文件所在的位置。
- 建立一个名为base文件,放在css文件夹中。在html里面外部链接base.css文件,
内容
- 0
给div元素设置一个背景图片,要求背景图片在水平方向平铺,并且位于左下角,假设背景图片名称为“bg.jpg”,背景图片与css文件在同一个目录中,请完成填空。 div{ background:url("./bg.jpg") ______ leftbottom; }
- 1
创建好模板后,网站会自动把模板文件保存在( )文件夹中。 A: images B: Templates C: html D: css
- 2
给div元素设置一个背景图片,要求背景图片只显示一次,并且位于右上角,假设背景图片名称为“bg.jpg”,背景图片与css文件在同一个目录中,请完成填空。 div{ ______:url("./bg.jpg")no-repeatrighttop; [br][/br] }
- 3
在IE中,保存一个Web页面,将保存的文件和文件夹有() A: 一个HTML文件 B: 一个与该HTML文件不同名的用于存放资源的文件夹 C: 一个.doc文件 D: 多个用于存放资源的文件夹
- 4
一个文件路径为C:\资料\book\123.txt,期中book是一个 A: 图片文件 B: 文件 C: 文件夹 D: 文件夹文件