这些字是在离顶部370px,离左边400px的地方,大小为200*200，背景色为红色

网页样式设计--CSS

5，在页面中实现精确定位置

怎么样在页面中实现精确定位呢？这可能是CSS一个很大的作用。如下代码可实现这个功能：

<div style="position:absolute;top:150px;width:200px;height:200px;background-color:red">

写入相应内容</div>

上面的代码解释为：

position:absolute 表示位置是absolute(绝对)，还有一个是relative（相对）

top:150px 表示内容显示在离顶部150px的地方，还有是left:150px 表示内容显示在离左边150px的地方

width:200px;height:200px; 表示内容能显示的区域大小

background-color:red 表示整个区域是红色的