温馨提示×

css背景代码怎么写

css
小亿
148
2023-06-12 21:53:56
栏目: 编程语言

CSS背景代码可以写在CSS样式表中,也可以直接写在HTML标签中的style属性中。以下是一些常用的CSS背景代码:

  1. 设置背景颜色:
background-color: #ccc; /* 使用十六进制颜色值 */
background-color: rgb(255, 255, 0); /* 使用RGB颜色值 */
background-color: rgba(255, 255, 0, 0.5); /* 使用RGBA颜色值,带有透明度 */
background-color: hsl(120, 100%, 50%); /* 使用HSL颜色值 */
background-color: hsla(120, 100%, 50%, 0.5); /* 使用HSLA颜色值,带有透明度 */
  1. 设置背景图片:
background-image: url("image.jpg"); /* 使用图片路径 */
background-repeat: no-repeat; /* 设置背景图片不重复 */
background-position: center center; /* 设置背景图片居中 */
background-size: cover; /* 设置背景图片铺满整个容器 */
  1. 设置背景渐变:
background: linear-gradient(to bottom, #fff, #000); /* 设置线性渐变 */
background: radial-gradient(circle, #fff, #000); /* 设置径向渐变 */
  1. 设置背景透明度:
background-color: rgba(255, 255, 255, 0.5); /* 设置背景颜色透明度 */
  1. 设置背景属性简写:
background: #ccc url("image.jpg") no-repeat center center / cover; /* 设置背景颜色、图片、重复、位置、大小 */

以上是一些常用的CSS背景代码,具体使用时可以根据需要进行调整。

0