好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css怎么设置背景图片自适应居中

css设置背景图片自适应居中的方法:可以借助于background-pos IT ion属性来进行设置,如【background-positiion: center ;】,属性值center表示居中。

本文操作环境:windows10系统、css 3、 ThinkPad t480 电 脑。

属性介绍:

在css中,如果我们要让一张图片垂直居中显示,那么我们可以使用background-position属性来实现。

属性介绍:

background-position属性设置背景图像的起始位置。

例如我们要将本地图片作为背景,并让它居中显示,那么我们可以这样做:

<!DOCTY PE  ht ML >
<html>
<head>
< ;m eta charset="utf-8"> 
<title>(php.cn)</title> 
<style>
body
{ 
	background -i mage:url(& # 39;smiley.gif');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center; 
}
</style>
</head>

<body>
<p><b>注意:</b>该属性工作在 Firefox 和  opera , background-attachment 属性会被设置为 "fixed"。</p>
</body>
</html>

相关推荐:CSS教程

以上就是css怎么设置背景图片自适应居中的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 css怎么设置背景图片自适应居中 全部内容,希望文章能够帮你解决 css怎么设置背景图片自适应居中 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于css怎么设置背景图片自适应居中的详细内容...

  阅读:30次