css 背景样式设置

迷南。 2021-07-25 01:18 598阅读 0赞

背景颜色设置
    	background-color:red
    	background-color:rgba(x,x,x,透明度)
    
    设置背景线性渐变图像
     	background-image: linear-gradient(to right/to bottom right/角度deg(可选),red, yellow, blue); //默认从上到下
     		to bottom right:从左上角到右下角
    	
    透明度设置(可用于所有样式)
    	opacity:0.5；   取值为0到1，0为完全透明，1为不透明，完全透明并不是消失，也会占据空间
    	
    背景图片设置
    	background-image:url(路径);
    		多图背景:
    			background-image:url(路径),url(路径),...;
    			background-position:top left,center,...; 控制多图位置
    			background-repeat:no-repeat,repeat-x,...;控制多图
    			
    	background-repeat:no-repeat; 设置图片不重复，
    	即不同大小的图片不会重叠
    	background-repeat:repeat-x;  将在水平方向重复
    	background-repeat:repeat-y;  将在竖直方向重复
    	background-repeat:space; 水平竖直均匀分割占据
    	background-size:cover/100% 100%/contain; 图片平铺整个页面
    	background-attachment:scroll;   背景图片会随着鼠标滑轮上下滚动而滚动，浏览器默认为该样式，内容和图片一启动
    	background-attachment:fixed;   背景图片一直占据屏幕，不会随着滚动条滚动而滚动，内容动，图片不动
    	background:url(图片路径) 图片模式 宽 高
    	
    背景图片位置设置
    	安装屏幕坐标轴来设置
    	background-position-x:500px;   x设置左右位置
    	background-postion-y:200px;    y设置上下位置
    	background-position:right/top right;   将图片移至右边框
    	background-position:center;  将图片移至中心

发表评论取消回复

表情：

评论列表（有 0 条评论，598人围观）

还没有评论，来说两句吧...

相关阅读

相关 css背景透明(css背景透明度怎么设置)

CSS 背景颜色透明怎么弄外层div: background-color: rgba(255, 255, 255, 0.9); /\ 白色并且阿尔法通道是0.9\/

我会带着你远行/ 2023年09月26日 13:14/ 0 赞/ 24 阅读

相关 CSS——设置背景

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

Myth丶恋晨/ 2023年08月17日 16:10/ 0 赞/ 134 阅读

相关 Vue 设置背景图片样式

Vue 设置背景图片样式 CSS 效果图 CSS <style> body{ background-image: url

川长思鸟来/ 2023年07月23日 08:56/ 0 赞/ 131 阅读

相关 CSS入门——背景样式

背景样式 1.背景颜色任务描述相关知识代码文件 2.背景图片任务描述相关知识

深碍√TFBOYSˉ_/ 2022年11月15日 11:37/ 0 赞/ 201 阅读

相关 css设置背景

css2设置背景相关属性有如下： background : 简写属性，作用是将背景属性设置在一个声明中。 background-color : 设置元素的背景颜色。

小咪咪/ 2022年06月06日 02:24/ 0 赞/ 316 阅读

相关 css背景图设置

.bgImg1\{width: 200px; height: 500px; border: 1px solid \999; background-image: ur

Bertha 。/ 2022年06月05日 00:54/ 0 赞/ 266 阅读

相关 css背景相关的样式

一、`background-origin` 设置元素背景图片的原始起始位置。语法：`background-origin ： border-box | padding-box

深碍√TFBOYSˉ_/ 2022年05月24日 09:55/ 0 赞/ 224 阅读

相关 uni-app背景样式设置

在pages.json中配置的页面背景颜色不支持app和h5，只能在样式中设置。 <style> page { background-color: F3

ゝ一纸荒年。/ 2021年07月26日 19:03/ 0 赞/ 624 阅读

相关 css 背景样式设置

背景颜色设置 background-color:red background-color:rgba(x,x,x,透明度) 设置背景

迷南。/ 2021年07月25日 01:18/ 0 赞/ 599 阅读

相关 thymeleaf设置css样式，矩形百分比填充背景色

对调查结果进行统计的页面，在div的style中拼接后台参数，显示百分比 <tr th:each="option:{obj.list}"> <td th:

àì夳堔傛蜴生んèń/ 2021年06月11日 15:13/ 0 赞/ 859 阅读