HTML背景图片属性

最新推荐文章于 2024-03-07 16:48:22 发布
最新推荐文章于 2024-03-07 16:48:22 发布
阅读量629 收藏 2
点赞数
原文链接：http://www.cnblogs.com/luojiano07/archive/2011/09/17/2179755.html
版权

背景图片属性（background-image）

在HTML中为设定背景图片，

<body  style="background-image:url(../image/css_tutorials/background.jpg)">

背景重复属性（background-repeat）

这个属性和background-image属性一起使用，决定背景图片是否重复。如果只设置background-image属性，没设置background-repet属性，图片就会横向重复又竖向重复。

repeat-X横向重复

repeat-Y竖向重复

no-repeat图片不重复

body  {"background-image:url(../image/css_tutorials/background.jpg)；background-repeat:repeat-Y>

上面的代码表示图片为竖向重复

背景附着属性（background-attachment）用来控制背景图片是否固定不动，还是滚动

background-attachment：scroll 滚动的

background-attachment:fixed 固定的 

转载于:https://www.cnblogs.com/luojiano07/archive/2011/09/17/2179755.html

weixin_30273931
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Html-背景属性
a451319296的博客
11-15 547
常用的背景属性
用CSS背景属性代替图片SRC
09-25
CSS中的`background-image`属性用于设置元素的背景图片，例如： ```css background-image: url('https://www.jb51.net/images/logo.gif'); ``` 在这个例子中，`url()`内填写要显示的图片URL。然后，可以结合`...
HTML——背景属性
Sweet_LH的博客
01-12 2422
background-attachment : scroll(滚动)/ fixed (固定，固定在浏览器窗口里面，固定之后就相对于浏览器窗口了);contain: 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。cover:把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。也许无法显示在定位区域中。背景图片的大小：400px 400px/100% 100%repeat-x:x轴平铺。repeat-y:y轴平铺。no-repeat:不平铺。3.背景平铺（默认平铺）
设置html背景图片属性
weixin_44732049的博客
01-12 1815
#big { background-image: url(${basePath}/dist/img/login.png); background-repeat: no-repeat; background-position: top; background-attachment: fixed; } #login-body { left: 55%; .
html的背景属性
Anansoul的博客
12-28 1020
background-color:设置背景颜色 background-image:设置背景图片 需要用url作为一个地址参数——background-image:url(1.jpg) background-repeat:设置背景是否平铺 可选值： repeat：默认值平铺 no-repeat:不平铺 repeat-x：x轴平铺 repeat-y：y轴平铺 background-position:来...
html背景图片属性及浮动5
m0_65019446的博客
10-20 1645
当两个值都是center的时候写一个值就可以代表的是水平位置和垂直位置。两个值︰第一个值表示水平位置的值，第二个值:表示垂直的位置。background:属性值1 属性值2 属性值3;background:position：值1值2；background-position:水平垂直;repeat-x 水平重复。repeat-y 垂直重复。background-repeat:是否重复;十六进制:取值范围#0-9 a-f。no-repeat不重复。
html5背景图片自适应特效代码
03-20
总的来说，HTML5背景图片自适应特效通过CSS3的`background-size`属性和媒体查询实现了在不同设备上展示背景图片的灵活性，提升了网页的用户体验。理解并掌握这些技术对于任何Web开发者来说都是至关重要的。
CSS背景图片属性
02-15
本篇文章将深入探讨"CSS背景图片属性"，帮助你更好地理解和运用这些特性。 1. `background-image` 这是最基本的属性，用于设置元素的背景图片。你可以使用URL、渐变、甚至是其他元素的引用来设置。例如： ```css ...
【html背景图片铺满网页】html 怎么让背景图铺满整个页面
04-11
总结一下，让HTML背景图片铺满整个网页，主要涉及CSS的`background-size`、`background-position`、`background-repeat`以及可能的媒体查询等属性的使用。结合合理的图片优化策略，你可以创建出视觉效果出色的全屏...
HTML5 SVG全屏背景图片切换
06-24
在"HTML5 SVG全屏背景图片切换"这个项目中，开发者使用SVG作为全屏背景的载体，结合TweenMax.js库来实现动态的图片切换效果。TweenMax.js是一个强大的动画库，提供丰富的功能来控制元素的运动，包括平滑的缓动效果，...
HTML背景图设置
m0_63843858的博客
03-07 1076
首先要注意的是背景图的大小，如果需要背景图填满整个盒子，并且只要一张的话，可以先通过背景图的缩放来调节背景图片的大小，再设置只要一张。
html如何设置背景图片的属性,CSS3中新增的背景属性（如何设置多个背景图片）...
weixin_36354351的博客
06-04 909
新增背景属性background-clipbackground-originbackground-sizeCSS常用背景属性background-repeatbackground-image边框样式border-radiusborder-image新增背景属性：background-clip指定显示背景的范围属性值：border-box：边框以内的背景，包括边框(默认)padding-box:pa...
html中关于背景的设置
weixin_53892095的博客
07-16 1502
①将多个图片整合为一张图片，浏览器只需要发送一次请求，就可以同时加载多个图片，提高访问效率，提高用户体验。②将多个图片整合为一张图片，减少图片的总大小，提高请求的速度，增加了用户体验。取值：英文、rgba、rgb、#000000、hsl(a)精灵图又称雪碧图，是将小图标集中于一张图片上。
前端---HTML中背景相关属性
Nagile-zhou博客
09-24 3525
背景相关属性用于控制背景色,背景图片等属性.在控制背景图片的同时,还可以控制背景图片的排列方式.有如下几个常用的背景相关属性. 1.background:设置对象的背景样式.该属性是一个复合属性,可用于同时设置背景色,背景图片,背景重复模式等属性.该属性值格式如下:               background-color backgroung-image background-repea...
css入门-背景图片属性值
Greg_Han_的博客
03-10 248
1.background-image属性 background-image: url(“图片链接”) 2.background-repea属性（默认平铺） 水平平铺重复 repeat-x 垂直平铺重复 repeat-y 不重复平铺 no-repeat 3.background-position属性（图片位置） top left top center top right center left center center center right bottom left bottom center
背景代码、标签及属性
zlxfogger的专栏
01-07 792
背景代码、标签及属性   HTML背景色、背景图   背景颜色 背景图片   图片小于窗口自动重复 建议用CSS设置背景色和背景图   CSS背景色、背景图   格式： body {background:颜色值 url(图片地址) 重复值 滚动值 位置值}              style="background:颜色值 url(图片地址) 重复值 滚动值 位置值
用HTML背景属性,CSS如何设置背景属性（详解）
weixin_39562234的博客
06-04 276
背景相关属性主要有：background-color背景颜色background-image背景图片background-repeat是否平铺repeat(默认平铺)|repeat-x(水平平铺)|repeat-y(垂直平铺)|no-repeat(不平铺)background-position背景位置length(百分数)|position(topcenterbuttonleftright)一般两...
HTML 背景(十三)
mzoy的专栏
07-28 848
  背景（Backgrounds） 拥有两个配置背景的标签。背景可以使颜色或者图像。背景颜色（Bgcolor）背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。bgcolor="#000000">bgcolor="rgb(0,0,0)">bgcolor="black">以上的代码均将背景颜色设置为黑色。背景（Background）
HTML——添加图像、设置图像属性
热门推荐
时光·漫步的博客
05-13 1万+
一.    添加图像    标签：            img    功能：            添加图像    语法：            &lt;img  src="图像文件地址"&gt;                  【注】  路径可以是相对路径，也可以是绝对路径。二.    设置图像属性1.  图像高度——height    通过  height  属性可以设置图片显示的高度，默...
html背景图片剧中
最新发布
06-12
HTML中设置背景图片通常使用`<body>`或`<div>`等元素的`style`属性，或者外部CSS样式表。下面是两种常见的方法： 1. **直接在HTML中设置**: ```html ('path/to/your/image.jpg');"> ``` 或者在某个元素上设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值