深入了解CSS中邊偏移屬性top，right，bottom，left的詳細用法

來源：懂視網責編：小采時間：2020-11-27 18:50:58

深入了解CSS中邊偏移屬性top，right，bottom，left的詳細用法

深入了解CSS中邊偏移屬性top，right，bottom，left的詳細用法:1：上邊偏移屬性用來定義元素頂部偏移位置的大小。top: auto | length | percent <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose

推薦度：

點擊下載本文 文檔為doc格式

導讀深入了解CSS中邊偏移屬性top，right，bottom，left的詳細用法:1：上邊偏移屬性用來定義元素頂部偏移位置的大小。top: auto | length | percent <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose

1：上邊偏移屬性

用來定義元素頂部偏移位置的大小。top: auto | length | percent

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> CSS屬性實例 </title>
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <style>
 p{
	 top: 100px;
	 position: absolute;
	 border: 2px solid #333333;
	 background: #666666;
	 width: 300px;
	 height: 50px;
	}
 </style>
 </head>

 <body>
 <p>這是使用邊偏移屬性的實例</p>
 </body>
</html>

2：右邊偏移屬性right

用來定義元素右側偏移位置的大小。right: auto | length | percent;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> css屬性實例 </title>
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <style>
 p{
	 right: 100px;
	 position: absolute;
	 border: 2px solid #333333;
	 background: #666666;
	 width: 300px;
	 height: 50px;
	}
 </style>
 </head>

 <body>
 <p>這是使用邊偏移屬性的實例</p>
 </body>
</html>

3：下邊偏移屬性bottom

用來定義底部偏移位置的大小。bottom:auto | length | percent;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> css屬性實例 </title>
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <style>
 p {
	 bottom: 100px;
	 position: absolute;
	 border: 2px solid #333333;
	 width: 300px;
	 height: 50px;
 }
 </style>
 </head>

 <body>
 <p>這是使用下邊偏移屬性bottom</p>
 </body>
</html>

4：左邊偏移屬性left

用來定義元素左邊偏移位置的大小，left: auto | length | percent;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <title> New Document </title>
 <meta name="Generator" content="EditPlus">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <style>
 p {
	 left: 100px;
	 position: absolute;
	 border: 2px solid #333333;
	 background: #666666;
	 width: 300px;
	 height: 50px;
	 }
 </style>
 </head>

 <body>
 <p>這是使用左邊偏移屬性的實例</p>
 </body>
</html>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

深入了解CSS中邊偏移屬性top，right，bottom，left的詳細用法

推薦度：

點擊下載本文 文檔為doc格式

標簽：屬性 top css

熱門焦點

深入了解CSS中邊偏移屬性top，right，bottom，left的詳細用法

深入了解CSS中邊偏移屬性top，right，bottom，left的詳細用法

深入了解CSS中邊偏移屬性top，right，bottom，left的詳細用法

最新推薦

猜你喜歡

熱門推薦