css 背景样式设置

迷南。 2021-07-25 01:18 576阅读 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 条评论，576人围观）

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

相关阅读

相关 jQuery设置样式 css

利用jQuery设置网页样式：效果图： ![20200527231403405.png][] html: <span id="spid1">你好！</span

我就是我/ 2023年10月06日 09:56/ 0 赞/ 23 阅读

相关 CSS入门——背景样式

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

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

相关 css设置背景

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

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

相关 css背景图设置

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

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

相关 css背景相关的样式

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

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

相关 CSS盒子样式设置

盒子：所有的元素-> 矩形的盒子内容鞋子内边距报纸盒子框鞋盒纸盒子外边距鞋盒鞋盒之间的距离 .box\{ border: 5px

ゝ一世哀愁。/ 2022年04月10日 04:00/ 0 赞/ 311 阅读

相关 uni-app背景样式设置

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

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

相关 JQuery 设置CSS样式

JQuery 设置CSS样式 <!DOCTYPE html> <html lang="en"> <head> <meta char

女爷i/ 2021年07月25日 21:00/ 0 赞/ 516 阅读

相关 css 背景样式设置

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

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

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

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

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