深入了解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的详细用法

最新推荐

猜你喜欢

热门推荐