/* 示例代码:设置背景颜色和背景图片 */
/* 设置背景颜色 */
body {
background-color: #f0f0f0; /* 设置背景颜色为浅灰色 */
}
/* 设置背景图片 */
div {
background-image: url('image.jpg'); /* 使用图片作为背景 */
background-repeat: no-repeat; /* 图片不重复 */
background-size: cover; /* 图片覆盖整个元素 */
background-position: center; /* 图片居中显示 */
}
/* 设置渐变背景 */
section {
background: linear-gradient(to right, #ff7e5f, #feb47b); /* 从左到右的线性渐变 */
}
background-color
):用于设置元素的背景颜色。可以使用颜色名称、十六进制值或 RGB/RGBA 等格式。background-image
):用于设置元素的背景图片。可以通过 url()
函数指定图片路径。配合 background-repeat
、background-size
和 background-position
可以控制图片的显示方式。linear-gradient
):用于创建线性渐变背景。可以通过指定方向和颜色来生成渐变效果。上一篇:菜鸟css
下一篇:cssvisibility属性值
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站