CSS:CSS背景

代码 1 浏览 1 分钟阅读

CSS 背景属性用于定义元素的背景效果。

  • background-color  定义背景颜色
  • background-image 定义背景图片
  • background-repeat 定义背景图片的重复
  • background-attachment 定义背景附着(是否滚动)
  • background-position 背景开始位置
  • background-clip 背景的绘制区域
  • background-origin 在何处放置背景图
  • background-size 背景图片的尺寸

背景颜色

div{
    background-color:rgba(255,0,0,0.5);/*50%的不透明度红色*/
} 定义背景图片
{
  background-image: url("logo.jpg");
} 背景图片的重复
div {
  background-image: url("bg.png");/*背景图片bg.png*/
  background-repeat: repeat-x;/*X轴重复即水平重复*/
} 不带这个属性,默认是XY都重复 不重复,只有一张背景的话,值为no-repeat;通常还有一个位置属性:background-position:left top;表示左上。

背景附着
background-attachment 属性指定背景图像是应该滚动还是固定的(不会随页面的其余部分一起滚动)

background-attachment: fixed;/*固定背景图片*/

background-attachment: scroll;/*会随页面滚动而滚动*/

还有background属性可以将以上内容都包括进去。
div {
  background: #ffffff url("logo.png") no-repeat left top;
}

background的顺序是color image repeat attachment position,顺序不能乱,可以没有值。

0

  1. This post has no comment yet

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关文章

© 2026 辣鱼