background:url(../images/list01.png) no-repeat 0 center;详解

PHPer 2021-12-07 1136 0 0

网上找了下,这个比较易懂 20211207

技术大白2016-09-10 23:45:54

background:url(../images/list01.png)no-repeat0center; 的意思是图像地址不重复水平位置0垂直位置居中

background:url(../images/bg.png)no-repeat-4px-3px;

这里面的后面两个值是什么意思0center和-4px-3px?

0center的意思就是水平位置0垂直位置居中

-4px-3px的意思就是水平位置-4px垂直位置-3px

这两个值和background-position属性是一样的,即设置背景图像的起始位置。

这个属性设置背景原图像的位置,背景图像如果要重复,将从这一点开始。

默认值:0%0%

可能的值

topleft

topcenter

topright

centerleft

centercenter

centerright...

立即注册

更新于:2021-12-07 21:52:45
    您需要登录后才可以评论。 立即注册
    相关内容

    富文本编辑器

    富文本编辑器Redactor在Yii2中的应用

    推荐内容

    怎样使用V2Ray代理和SSTap玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩...

    sstap游戏代理教程 从此玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩虹六...

    BT磁力搜索网站汇总和找不到的资源

    什么是磁力链接,您如何使用?

    Z-Library:全球最大的数字图书馆/含打不开的解决方案/镜像

    使用V2Ray的mKCP协议加速游戏

    v2rayN已停止工作

    【车险课堂】什么是无赔款优待系数ncd,你“造”吗?