當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > css左邊偏移屬性left、右邊偏移屬性right

css左邊偏移屬性left、右邊偏移屬性right

2012/11/27 10:25:02作者：佚名來源：網絡

移動端

【實例介紹】

css左邊偏移屬性left、右邊偏移屬性right

通過left屬性來設置左邊偏移屬性，通過right屬性來設置右邊偏移屬性。

【基本語法】

position：static | absolute   |   fixed |   relative
left：auto |   長度值 |   百分比
right：auto |   長度值 |   百分比

【語法介紹】

這個屬性只有當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上邊偏移屬性top、下邊偏移屬性bottom
下一篇：css absolute絕對定位屬性

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频