在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小?

html-css015

在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小?,第1张

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

body {text-align: centerbackground: url(small2.png)background-size: 60%}

3、浏览器运行index.html页面,此时成功通过css控制了div居中显示,背景图片的大小为60%。

第1,字符编码调整为utf-8,你当前使用的是gb2312

第2,background-image属性当中所书写的有误,用实际路径,而且文件夹名字最好不要用中文(基本的开发规范和标准),不要用编码后的字符串,如:

background: url('../images/HTML5-学堂.jpg')

第3,你的路径不要写错,在谷歌或者其他浏览器当中,点击F12键,调出控制台,查看是否有错误,如果有文件没有加载成功,则说明你的相应文件没有成功引入

第4,body当中需要有内容,默认body的高度是由内容撑开的,没有内容body就没有高度,背景图自然无法看到

最后,建议你弄本书系统的学一学,里面包括一些类名的命名,书写的规范,在你代码当中都有不少不合适的地方,毕竟学东西是为了有实际的用处,既然要写代码,写的规范一些,按照开发行业标准来写岂不是更好。HTML与CSS方面,推荐《HTML5布局之路》,JS,可以借助《Head First JavaScript程序设计》来入门