【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)


写在最后


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

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

目录
相关文章
|
6月前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
53 1
|
6月前
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
83 1
|
前端开发 JavaScript
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
405 0
开源超美css动态背景 可直接引入html文件使用 含注释、可更改
|
前端开发 JavaScript
酷炫一款动态背景+鼠标点击效果(HTML +js canvas)
前言 之前用于装饰个人的Hexo博客背景和点击事件,于是动手弄弄顺便学习学习,现在分享出来给有需要的人。 废话不多说 ,分享一款酷炫的页面动态背景 效果见( https://fivecc.cn )
359 1
酷炫一款动态背景+鼠标点击效果(HTML +js canvas)
|
前端开发
HTML设置图片为页面背景
HTML设置图片为页面背景
HTML设置图片为页面背景
html+css实战76-背景-background
html+css实战76-背景-background
114 0
html+css实战76-背景-background
html+css实战73-背景-背景图
html+css实战73-背景-背景图
98 0
html+css实战73-背景-背景图
html+css实战74-背景-背景平铺
html+css实战74-背景-背景平铺
150 0
html+css实战74-背景-背景平铺
html+css实战75-背景-背景位置
html+css实战75-背景-背景位置
87 0
html+css实战75-背景-背景位置
|
移动开发 HTML5
《图解HTML练习》- video标签实现视频背景
《图解HTML练习》- video标签实现视频背景
182 0
《图解HTML练习》- video标签实现视频背景