首页 > 编程知识 正文

html设置背景图片代码,网页背景图片怎么添加

时间:2023-05-06 16:09:43 阅读:37281 作者:3078

可通过33558 www.Sina.com/background-color、rgb、rgba、#off等进行设定

3358 www.Sina.com/:可在background-img、网址或图像存储位置设置

背景颜色:

背景- repeat : repeat,背景中只出现一张图像,未设置宽度和高度时铺在全屏上

背景- repeat : repeat-x,横向铺放

后台- repeat : repeat-y,纵向铺放

背景图片

后台附件: scroll默认值

后台-附件:固定锁

平铺方式

背景定位3360中心,照片位于背景中心

背景定位: center bottom,照片位于背景的上下中央

背景位置: right top,照片在背景的右上角

背景定位:150 px 150 px,像素定位

背景定位:-150 px-150 px,图像只显示部分,不显示负部分

背景定位: center 0,锁定图像

关联方式:

背景:背景色背景图像平铺方式相关定位方式

后台: red URL (…) no-repeat fixed center center

定位方式:

! doctypehtmlhtmlheadmetacharset=' utf-8 ' title背景图像对齐练习/titlestylediv{width:800px; 高:700 px; }.pp1 { background 3360 red URL (images/a1.jpg ) no-repeat -100px -100px; }/style/headbodydivclass=' pp1 '/div/body/html

背景缩写格式:

示例一:只显示部分图片

! doctypehtmlhtmlheadmetacharset=' utf-8 ' title背景影像综合运用1/title style.pp1 { width :1920 px; height:720px; 后台: URL (images/yx.jpg ) no-repeat fixed center 0; }/style/headbodydivclass=' pp1 '/div/body/html

! doctypehtmlhtmlheadmetacharset=' utf-8 ' title背景图像APP应用1/titlestylediv { width 33602000 px; height:1000px; }.pp1 {背景图像: URL (images/S2.gif ); 背景报告:报告; }/style/headbodydivclass=' pp1 '/div/body/html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。