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

PHPer 2021-12-07 614 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中的应用

    推荐内容

    分享几个好用的bt搜索bt资源下载网址网站

    影视电影剧集动漫综艺bt资源在线播放网址网站推荐分享

    全网最新bt磁力搜索引擎bt资源bt网站网址分享

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

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

    使用V2Ray的mKCP协议加速游戏

    v2rayN已停止工作