我们知道,当把鼠标移动到不同的地方时,当鼠标需要执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生改变。用CSS来改变鼠标的属性,就是当鼠标移动到不同的元素对象上面时,让鼠标以不同的形状、图案显示。在CSS当中,这种样式是通过“cursor”属性来实现的。Cursor属性有很多的属性值,我们来看一下它的详细列表。
具体的应用,看下列的代码实现,这种是在具体的网页进行内嵌样式的方式进行设置: <p><span style=“cursor:hand”>手的形状</span><br> //*设置鼠标属性为手的形状*// <span style=“cursor:move”>移动</span><br>//*设置鼠标属性为移动*// <span style=“cursor:ne-resize”>反方向</span><br>//*设置鼠标属性为反方向*//< span style=“cursor:wait”>等待</span><br>//*设置鼠标属性为等待*//<span style=“cursor:help”>求助</span>//*设置鼠标属性为求助*//
1.隐藏浏览器中状态栏的URL地址信息的方法
烟台网页设计中,在浏览网页时,当鼠标停留在链接上方时,在下面的状态栏中会自动显示该链接目标地址,考虑到安全方面的问题,有时我们需要把它重置为“零”,即设为空白。现在只需要在链接代码中做些设置就可以实现了,如下:<a href="http://www.hnswxy.com" onMouseOver="window.status='none';return true">名称</a>
2.如何制作“空链接”
空链接也就是,没有链接对象的链接,在空链接中,目标URL是用“#”来表示的。也就是说制作链接时,只要在属性板的LINK输入框中录入#标记,它就是个空链接了。空链接的出现涉及到多方面的因素,比如一些没有定期完成的页面,又为了保持页面显示上的一致(链接样式与普通文字样式的不同),就可以使用它了。
3.实现在同一张图片上进行多个链接的操作
在Dreamweaver 中提供了一种客户端图像映像的操作,通俗的讲就是“热区”的操作,当我们在Dreamweaver的编辑区域选中某一幅图片时, “属性”窗口中左下角会出现一个“map”选项,提供了三种不同的热点选择工具,分别为:矩形、椭圆形以及多边形,三种工具任意选择,就可以实现在同一张图片上进行多个链接的效果了。
4.水平线设置
经常有人问我一些关于水平线设置方面的问题,比如:如何利用水平线来制作一条竖线?如何设置水平线的颜色?
一般,我们在网页设计中插入水平线后,打开代码视图,会有以下的代码:
<hr width="600"> //*在网页中插入了一条横向的水平线*//
大家换个思路想想,当width=600时,我们画出了一条横线,那么如果我们将height=600,是不是会画出一条竖线出来呢。
事实证明,以下的代码会在网页中画出一条竖线出来。
<hr width="1" size="600">//*在网页中插入了一条竖向的水平线*//
大家看,是不是已经设置好了呢。
相关搜索:烟台网站建设烟台网络公司网络公司 网站制作 山东网亿
部分图片和文字来源于网络,出处无从查起,如涉及版权问题,请联系进行删除。
领取专属 10元无门槛券
私享最新 技术干货