设置背景颜色:background-color
设置背景图片:
background-image:url()
背景图片平铺:
background-repeat:repeat-X
背景定位
background-position:left right;
background-position:100px 200px;//要加单位
//前面是水平、后面是垂直
background:背景颜色 背景图片 平铺方式 关联方式 定位方式;//中间用空格
background:red url() no-repreat left bottom;//中间用空格
背景关联方式:滚动条和背景图片的关系,背景图片是否跟着滚动条滚动
background·-attachment:scroll/fixed
背景图片和插入图片的区别
1、
文字可以显示在背景图片上,不占空间,自己试装饰,不是内容
文字不可以显示在插入图片上,占空间,自己本身是内容
2、
背景图片定位比较方便,有background-position属性
插入图片不太方便,需要css定位功能
3、
插入图片的语义比背景的强。如果想被搜索引擎收录,建议使用插入图片
网友评论