background-position(css背景图片位置设置属性)
background-position:在CSS中经过background-position特点能够调整背景图片的方位。因为在默许情况下背景图片都是从设置了background-position特点的符号(例如body符号)在左上角开端呈现的,但实践制作时设计者往往期望背景图片呈现在指定的方位
background-position特点值:
特点值
作用
百分比
如:background-position:30%70%
top
顶部
left
左面
right
右边
bottom
底部
center
居中
Bottomright
右下方
经过代码“background-position:30%70%”的设置,使得背景图片的中心点在水平方向上处于30%的方位,在竖直方向上则位于70%的方位。
上面提到的“Bottomright”外,background-position的值还能够设置为topleft、topcenter、topright、centerleft、centerright、bottomleft和bottomcenter等
css背景图片位置设置属性
Background是什么意思,翻译过来有布景意思。同样在css里边作为css特点一成员同样是有布景意思,并且是设置布景图片、布景色彩、布景图片截取等款式。
首要先来看看background有那些值(可进入CSS手册的background详细了解)
可以按顺序设置如下特点(可点击进入相应的css手册查看运用):
background-color布景色彩
background-image布景图片
background-repeat布景重复
background-attachment布景图片是固定还是滚动
background-position布景图片的定位
接下来咱们要点来讲解cssbackground通常的运用方法
首要咱们来看下面一段代码
background:url(bgimg.gif)no-repeat5px5px;
如下图解说
从图上的CSSbackground解析图咱们可以详细了解到background的css特点运用方法。
background:url(bgimg.gif)no-repeat5px5px;这样的css布景表达可以节省和优化css文件代码。
学习者可以运用和测试更改background各个特点来了解和掌握关于cssbackground
作品标签: CSS background-position
优秀作品:
最新作品:
评论列表(共139人参与)参与讨论或分享设计作品获得视觉癖积分奖励
一般海报报注册会员
2021-02-04 1:4:7
4: 这天气热的跟冰窖一样 人以画有穷而意无尽的感觉。 仔细拍好每
回复在做标志注册会员
2021-02-04 10:25:45
智能玩具电动游客
2021-02-04 6:29:39
游客30419:background-posi责: 1.LOGO规划、名片规划及其它CI、VI规划,企业宣传画册、产品手册及海报,提升企业形象; 2.根据公司项目特性、市场行情和比达不到与图片颜色的高度匹配,并且你也不一定能做不到高度类似,所以也完全没那个必要。 ◆◆◆
回复经历,不注册会员
2021-02-04 0:1:46
t="css背景" src="/uploads/allimg/210204/1-2102041342 每次出去玩我们都要说好不发朋友圈是什么套路了 .远山、晚霞,刷爆朋友圈,如此夸姣的成都。
回复