CSS的背景属性

背景颜色的设置

属性:background-color    可以简写成background

背景图片

属性:background:url(image)

    当背景文小于容器时,图片只显示部分区域

    当背景文大于容器时,图片默认平铺

    当背景文等于容器时,图片完整显示

img和 background-image的区别 后者不占用空间,但是需要容器支持

背景平铺属性

background-repeat:no-repeat(不平铺)/repeat(平铺)/repeat-x/y(定位)

背景定位属性:background-position:x y

属性值:

    x轴水平方向:left,right,center

    y轴垂直方向:top,bottom,center

    常规属性值:正负值都可以

背景固定属性:background-attachemt

属性值:scroll/fixed(随着浏览器滑动滚动/不会随着浏览器滚动滑动图片固定)

简写

background{    颜色 图片 平铺 定位 固定 

}    

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. 背景颜色 2. 背景图片 语法background-image: none | url(url);(不加引号...
    chen_cheng阅读 3,118评论 0 1
  • CSS 背景这里指通过CSS对对象设置背景属性,如通过CSS设置背景各种样式。 背景语法: background:...
    ABCDE的E阅读 1,238评论 0 0
  • 1、背景色·background-color:属性值可以是任何合法的颜色值 这里我们用到的有: 英语单词16进制r...
    雅玲哑铃阅读 4,332评论 3 5
  • 背景颜色 如何设置标签的背景颜色?在CSS中有一个background-color:属性, 就是专门用来设置标签的...
    喝酸奶要舔盖__阅读 4,200评论 0 0
  • 1.背景颜色(background-color) 可以使用 background-color 属性为元素设置背景色...
    码海无际阅读 2,833评论 0 1

友情链接更多精彩内容