下面图老师小编跟大家分享一个简单易学的详细讲解HTML的BODY标记的内部参数教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!
【 tulaoshi.com - Web开发 】
body
bgcolor="#3366cc" ----------背景颜色
topmargin=0 leftmargin=0 ----------网页内容上/左边界为0
oncontextmenu="return false" ----------鼠标右键限制
ondragstart="return false" ----------禁止移动
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)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是手型
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)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,页面中连接CSSlink rel="stylesheet" type="text/css" href="site.css"
来源:http://www.tulaoshi.com/n/20160219/1628260.html
看过《详细讲解HTML的BODY标记的内部参数》的人还看了以下文章 更多>>