background属性(html设置背景图片详解)
background属性
能够在background特点中设置所有的布景特点。能够设置如下特点:
background-color颜色
background-position位置
background-size大小
background-repeat如何重复布景图画
background-origin布景图片的定位区域
background-clip布景的绘制区域
background-attachment是否固定或者随着页面翻滚
background-image布景图画
设置的时分,不需要设置所有的值,能够有选择的设置。不要别离设置每一个值,而是将所有的特点写在background中。
html设置背景图片详解
<!DOCTYPE html>
>
> <html>
>
> <head>
>
> <metacharset="UTF-8">
>
> <title>背景图片设置</title>
>
> <style>
>
> .demo{
>
> position:fixed;
>
> top: 0;
>
> left: 0;
>
> width:100%;
>
> height:100%;
>
> min-width: 1000px;
>
> z-index:-10;
>
> zoom: 1;
>
> background-color: #fff;
>
> background: url(2.png);
>
> background-repeat: no-repeat;
>
> background-size: cover;
>
> -webkit-background-size: cover;
>
> -o-background-size: cover;
>
> background-position: center 0;
>
> }
>
> </style>
>
> </head>
>
> <body>
>
> <divclass="demo"></div>
>
> </body>
>
> </html>
作品标签: background
优秀作品:
最新作品:
评论列表(共269人参与)参与讨论或分享设计作品获得视觉癖积分奖励
的重要性在注册会员
2021-01-01 5:1:36
v>
回复dmax注册会员
2021-01-01 2:51:52
有滤镜或软件游客
2021-01-01 13:1:55
游客33230:background属性: 152px; width: 400px;" /> 2.明确的规划方针 在规划LOGO之前,规划师应该提早进行构思,保证所规划出来
回复=2.5注册会员
2021-01-01 16:54:28
ound1" src="/uploads/allimg/210101/1-210101145G9.j有所成果的佼佼者来说,最重要的一点便是发展你的眼力,即学会调查。你一定见到过一些漂亮的相片:我多想能拍出一张这样的相片
回复