body{background-image: url("images/background.jpg")在上述代码中,将url("images/background.jpg")替换为你自己的图片路径。
注意事项:
- 背景图片路径与CSS文件路径相对应,如上面代码中的图片路径是相对于CSS文件的路径。
- 网络图片也可以作为背景图片,只需使用图片URL即可。
- 可以设置背景图片的重复方式、位置、大小等属性,具体可参考CSS的background属性。
1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。定义一下html文件的主信息,如下图所示:
2、然后填写自己的网页内容, 设置一下样式,直接在body后面加上background="图片名字"即可插入图片,如下图所示:
3、最后来到浏览器,刷新一下网页,这样就会显示背景了,如下图所示:
设计注意:
1、配色问题 一个网页的色彩最好不要超过3种,一面视觉效果混乱,用色柔和,对比度强的色彩不能应用于一般网站,时尚网站使用还可以。一般不好搭配的颜色,用灰度搭配。
2、字体问题
很重要的一个问题,用标准字标准色,这是一个规范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。
3、布局规范
布局是非常重要的,考虑客户浏览习惯以及他们想展现的内容,并且优化。一个网页,如果布局不合理的话不但影响浏览,而且非常难看。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)