当前位置：网站首页 > 培训教程 > Html5 > 正文

background-position说明_湛江HTML5教程

作者：admin发布时间：2020-11-27分类：Html5浏览：1106

导读：background-position的说明：;设置或检索对象的背景图像位置。必须先指定background-image属性。该属性定位不受对象的补丁属性(padding...

background-position的说明：
;设置或检索对象的背景图像位置。必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。
;默认值为： 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。
;如果只指定了一个值，该值将用于横坐标。纵坐标将默认为 50% 。如果指定了两个值，第二个值将用于纵坐标。
;如果设置值为 right center，因为 right 作为横坐标值将会覆盖 center 值，所以背景图片将被居右定位。
对应的脚本特性为 backgroundPosition 。

语法：
;background-position : length || length
;background-position : position || position

background-position -- 定义背景图片的位置

初始值: 0% 0%
;继承性: 否
;适用于: 所有元素
;background:背景.position:位置.

重点讲解的地方：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML XMLns="http://www.w007.org/1999/xhtml" lang="UTF-8">
<head>
<title>背景图片的定位background-position的问题</title>
<style type="text/CSS">

</style>
</head>
<body>
<div id="container"> </div>
</body>
</HTML>

background-position说明_湛江HTML5教程

相关推荐