當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

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

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

更新時間：2023-06-11 文章作者：未知 信息來源：網絡 閱讀次數：次

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

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 下載本實例相關素材及源碼

 


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

本類教程下載

系統下載排行

亚洲嫩草影院久久精品