【HTML背景的使用】

简介: 学习好一门语言贵在坚持之初识JavaScript🏹💁‍♂️!

🐱背景


注:背景属性可以设置 背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。


1.背景颜色:

background -color属性定义了元素的背景颜色。

transparent(设置背景为透明颜色)


2.背景图片:

background-image

常用于logo和背景图,他的优点是控制位置


3.背景平铺:

background-repeat背景平铺分为(repeat【平铺】,no-repeat【不平铺】,repeat-x【平铺在x轴】,repeat-y【平铺在y轴】)


4.背景图片位置:



方位名词:


background-position:right center**=**background-position:center right


背景单位-混合单位:


参数是混合单位

如果指定的两个值是精确单位和方位名词混合使用,则第一个值是X坐标,第二个值是y坐标


背景固定:


background-attachment:
background - attachment : scroll | fixed


背景属性复合写法:


背景半透明:

background:rage(* ,* ,* ,0~1)


写在最后


🐱学习嘛,最珍贵的就是坚持共🍔 既然选择了就要坚定的走下去🍕

如果觉得对你有帮助的话,小👍👍来一个啪!

目录
相关文章
|
前端开发 JavaScript
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
298 0
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
|
前端开发
HTML设置图片为页面背景
HTML设置图片为页面背景
HTML设置图片为页面背景
|
前端开发 JavaScript
酷炫一款动态背景+鼠标点击效果(HTML +js canvas)
前言 之前用于装饰个人的Hexo博客背景和点击事件,于是动手弄弄顺便学习学习,现在分享出来给有需要的人。 废话不多说 ,分享一款酷炫的页面动态背景 效果见( https://fivecc.cn )
258 1
酷炫一款动态背景+鼠标点击效果(HTML +js canvas)
html+css实战76-背景-background
html+css实战76-背景-background
89 0
html+css实战76-背景-background
html+css实战73-背景-背景图
html+css实战73-背景-背景图
78 0
html+css实战73-背景-背景图
html+css实战74-背景-背景平铺
html+css实战74-背景-背景平铺
105 0
html+css实战74-背景-背景平铺
html+css实战75-背景-背景位置
html+css实战75-背景-背景位置
63 0
html+css实战75-背景-背景位置
|
Web App开发 移动开发 HTML5
html5视频作为页面背景
之前强哥在CSDN公众号上发过一个《html5视频作为页面背景》,当时的源码是没问题的,兼容IE和Chrome浏览器,可是后来因为Chrome更新了之后,视频文件无法自动播放了。在这里更新一下源码,亲测可用。
|
移动开发 HTML5
《图解HTML练习》- video标签实现视频背景
《图解HTML练习》- video标签实现视频背景
144 0
《图解HTML练习》- video标签实现视频背景
|
JavaScript 前端开发
点击遮罩层的背景关闭遮罩层(HTML)
点击遮罩层的背景关闭遮罩层(HTML)
180 0
点击遮罩层的背景关闭遮罩层(HTML)