以前用过不少背景图片的css代码,但用得最多的是left top no-repeat repeat-x repeat-y设置平铺坐标(经常复制的代码是background-position:left top;background-repeat:no-repeat;)。搜索过居中的代码,但都说不能让背景图片居中。以前无奈只能用js来加个z-index比正常idv小的div让图片居中来实现。今天才发现background-position居然可以设置left top的数值、百分比,后来一想用两个center不就可以居中了么?一试果然居中了!让背景图片居中的css--超简单,只要句代码 background-position:center center;看来经常复制别人的代码是会严重限制了自己的思路和创新的。如果一开始查看文档说明具体用法和属性自己手写则很容易发现background-position里面包含了left top bottom right center inherit属性,那么也就不难发现居中的代码了。
让背景图片居中的css--超简单,只要句代码
最新推荐文章于 2022-12-14 22:59:12 发布