详细讲解HTML的BODY标记的内部参数

您现在的位置：圆点视线 >> 教程 >> 网页设计 >> html教程 >> 文章正文

★★★

详细讲解HTML的BODY标记的内部参数

作者：hairan 　文章来源：网易　点击数：　更新时间：2007-8-11 13:22:31　

【字体：小大】

<body

bgcolor="#3366cc" ---------背景颜色

topmargin=0 leftmargin=0 ----------网页内容上/左边界为0

oncontextmenu="return false" ----------鼠标右键限制

ondragstart="return false" ----------禁止移动

onselectstart="return false" ----------禁止选择

oncopy="return false;" ---------- 禁止拷贝

onpaste="return false" ---------- 禁止粘贴

oncut="return false;" ----------禁止剪切

scroll=no ---------网页滚动条限制

style="overflow:scroll;overflow-y:hidden;overflow-x:hidden;"----------定义滚动条的竖向横向掩藏。

style="cursor:move"> ----------网页鼠标样式选择

一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。用css控制的语法如下:

<span style="cursor:*">文本或其它页面元素</span>

注：其中的span可以是其他的标记，如：p、font、div等。

把 * 换成如下16个效果的一种：hand,text,wait等等。

下面是对这16种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！

hand是手型

crosshair是十字型

text是移动到文本上的那种效果

wait是等待的那种效果

default是默认效果

help是问号

e-resize是向右的箭头

ne-resize是向右上的箭头

n-resize是向上的箭头

nw-resize是向左上的箭头

w-resize是向左的箭头

sw-resize是左下的箭头

s-resize是向下的箭头

se-resize是向右下的箭头

auto是由系统自动给出效果

move是移动时的效果

“*”还可以是鼠标图片的文件地址。

Step1，做个图标arrow_r.cur

Step2，CSS中BODY {cursor: url("arrow_r.cur"), url("arrow_r.cur"), default; }

Step3，页面中连接CSS<link rel="stylesheet" type="text/css" href="site.css">

　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：hairan 责任编辑：hairan 　【字体：小大】