css左边偏移属性left、右边偏移属性right|萝卜系统

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

【实例介绍】

css左边偏移属性left、右边偏移属性right

通过left属性来设置左边偏移属性，通过right属性来设置右边偏移属性。

【基本语法】

【语法介绍】

这个属性只有当position属性设置为absolute、fixed、relative时才有效。而且在position属性取值不同时，它们的含义也不同。left和right属性值除了可以设置为绝对的像素数外，还可以设置百分数。

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">
.img1
{
 position:absolute;
 left:100px;
 
}
.img2
{
position:absolute;
right:100px;
}
</style>
<title>左边偏移属性left、右边偏移属性right</title>
<BODY>
  <img src="2.jpg" class="img1" width="230" height="156" >&nbsp;&nbsp;&nbsp;&nbsp;<img src="1.JPG"class="img2"  width="169" height="196" >
</BODY></HTML>

【代码分析】

上面的代码首先使用left：100px；和．right：100px；分别定义了img1和img2样式，使图像分别距离左边100像素，距离右边100像素，在浏览器中预览，效果如图所示。

左边偏移属性left、右边偏移属性right运行效果

【素材及源码下载】

请点击：左边偏移属性left、右边偏移属性right 下载本实例相关素材及源码

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

……

标签:css左边偏移属性left、右边偏移属性right