本文介绍如何使用CSS的绝对定位属性position: absolute来精确控制网页元素的位置，并展示了一个实例，将标题定位在距离页面左侧100px，顶部150px的位置。此外，还介绍了如何设置元素的鼠标悬停效果为手形光标，增强用户体验。
1.position absolute（绝对定位）
<html>
<head>
<style type="text/css">
h2.pos_abs
{
position:absolute;
left:100px;
top:150px
}
</style>
</head>
<body>
<h2 class="pos_abs">这是带有绝对定位的标题</h2>
<p>通过绝对定位，元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px，距离页面顶部 150px。</p>
</body>
</html>
2.cursor:hand（pointer）（鼠标手）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset=utf-8>
<script>
function mourseOver(){
var d=123;
alert(d);
}
</script>
</head>
<body >
<span id='val' onclick="mourseOver()" style="cursor:pointer">welcome</span>
</body>
</html>
扫一扫
3720
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
