程序员人生 网站导航

Css Position的用法:一个简单的代码实例

栏目:htmlcss时间:2013-11-09 23:35:36

  Css Position的用法:一个简单的代码实例,这是使用CSS定位属性position的实例,在使用定位属性的时候,还要使用其他的辅助属性,才能正常显示。

  大家自己看代码吧!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css属性实例</title>
<style>
div{
  position:absolute;
  left:100px;
  top:100px;
  border:2px solid #333333;
  width:500px;
  height:50px;
  } 
</style>
</head>
 
<body>
  <div>这是使用定位属性position的实例,在使用定位属性的时候,还要使用其他的辅助属性,才能正常显示。</div>
</body>
</html>

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐