背景

  首先来个简单 的 全部一起的设置方法

  background:颜色 图片路径 定位 是否平铺;

  下面是分开来写

  background-color:red;  --------------------这里是设置颜色

  background-image:url('1.jpg');--------------这里是设置图片

  background-position:30px 60px;----------这里是设置定位 定位有三种方法 一个是x轴和y轴 的值 一个是利用百分比 最后一个是具体的方向 比如是lefr或者rigth等

  background-attachment:fixed;-------------这个是设置背景图片是否固定在一个位置里面  scroll 背景图片会滚动 fixed 背景图片固定

  background-size:30px 60px; ----------------这个是规定背景图片的大小的 可以有五种参数 第一个 直接设置背景图片x轴和y轴的大小 第二种 规定背景图片占用整个块的百分比 第三种 auto 背景图片原来的大小  第四种cover 背景图被拉升 这样有一个缺点 就是 背景图片不一定会完全的显示出来 第五种 contain 按比例来放置背景图片 背景图片不会被变形 但是 有可能不能完全的覆盖住块

 

  

 

posted on 2016-07-23 16:08  月落落  阅读(103)  评论(0编辑  收藏  举报

导航