首页 >

css 设置背景颜色和图片的一些技巧

web前端|html教程css 设置背景颜色和图片的一些技巧
css,背景颜色,背景图片,background
web前端-html教程
设置背景颜色:
android studio项目源码,ubuntu里画圆,tomcat端口被占用视频,python爬虫 京东,php知识点大全,平潭有效的seo费用是多少lzw
要设置背景颜色,直接使用“background:颜色值;”即可。如:
网页小游戏源码2017,vscode快捷键z,投影到ubuntu,tomcat关闭自启,爬虫需求 英语,php是什么类型语言,长治互联网seo优化,关于网站代码的论坛,法律网站模板lzw
body{background:#000} 

将body的背景颜色设置为黑色。

小米贷款源码,ubuntu博通驱动,黑底爬虫视频素材,js在php,金融中seolzw
设置背景图片:

1.规律背景图片。

不如我们要设置一个渐变的背景图片,这种背景只需要切出1像素宽,高度合适的图片作为背景即可。

body{background: url("../images/body_bg.jpg") repeat-x rgb(222, 235, 243);} 

实例:

   css 设置背景颜色和图片的一些技巧 body{background: url("../Public/images/body_bg.jpg") repeat-x rgb(222, 235, 243);}    

在线运行

2.不规律的图片

常常看到一些专题或形象网页,背景是一种非常大图片作为背景,而通常情况下宽屏和窄屏显示器都能显示铺满的全屏背景图片,就像图片能自适应宽度大小一样的。其实这种实现一样非常简单,将这张图片宽度美工设计足够大,比如市场上最宽显示屏分辨率宽度为2560像素,那么要让这样的宽屏显示器浏览此网页也能铺满全屏,那么你的这张背景图片就必须做成宽度大于或等于2560px宽度的,这样以来宽屏、窄屏显示器打开此网页都能铺满全屏,最小化、最大化、改变浏览器窗口打开背景图片都是全屏的居中的看上去就像背景图片自适应大小一样。

关键:全屏自适应背景图片关键是图片做足够宽,以最宽分辨率显示屏能都铺满,小分辨率自然就更是铺满。同时需要设置这样背景图片作为body背景后需要居中。

body{background: url(bg.jpg) no-repeat center 0}

代码解释:设置这个图片为网页背景,通常不平铺(no-repeat),水平居中,靠上显示


css 设置背景颜色和图片的一些技巧
  • 关于CSS制作边框效果的一些技巧
  • 关于CSS制作边框效果的一些技巧 | 关于CSS制作边框效果的一些技巧 ...

    css 设置背景颜色和图片的一些技巧
  • html可以加多个背景图片吗
  • html可以加多个背景图片吗 | html可以加多个背景图片吗 ...

    css 设置背景颜色和图片的一些技巧
  • css中怎么改变背景图片大小
  • css中怎么改变背景图片大小 | css中怎么改变背景图片大小 ...