需要准备的材料分别有:电脑、浏览器、html编辑器。
网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了香坊免费建站欢迎大家使用!
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的style标签中,输入css代码:
button {border:0;width: 200px;height: 80px;background-color: gainsboro; cursor: not-allowed}
3、浏览器运行index.html页面,此时通过css实现了按钮的禁用样式。
我想你的意思是不显示链接下划线吧?
给链接加上这个样式
text-decoration:none
就可以实现。
可以再加一个鼠标样式,使得超链接的小手不显示
cursor:text
鄙视那些啥都不懂还要到处发布垃圾答案的人。
楼主你经常要做css设计的话应该经常查看css手册。
css只是层叠样式表,是控制页面的样式的,并不能对一些操作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的,在js中有一个mousewheel事件,对这个事件进行设置,可以实现对鼠标滚轮的一些操作。
css的cursor属性是设置鼠标样式的。
以下是鼠标样式的几种表现方式以及解释:
default 默认光标(通常是一个箭头)
auto
默认。浏览器设置的光标
crosshair
光标呈现为十字线。
pointer
光标呈现为指示链接的指针(一只手)
move
此光标指示某对象可被移动。
e-resize
此光标指示矩形框的边缘可被向右(东)移动。
ne-resize
此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize
此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize
此光标指示矩形框的边缘可被向上(北)移动。
se-resize
此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize
此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize
此光标指示矩形框的边缘可被向下移动(南)。
w-resize
此光标指示矩形框的边缘可被向左移动(西)。
text
此光标指示文本。
wait
此光标指示程序正忙(通常是一只表或沙漏)。
help
此光标指示可用的帮助(通常是一个问号或一个气球)。
还有一种就是 url ,需要你自定义一个鼠标样式
body{Windsor:expression(document.body.onselectstart=document.body.oncontextmenu=function(){return false;});}
关键参数:
expression--css与js的结合点
定义:
IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
更多内容点击参考资料
我们常用cursor的小手属性,今天看了一篇技术文档,既惊且喜,发现了W3C上没有的属性。
首先罗列一下w3c上的cursor属性
新发现的大陆
cursor:no-drop //是一个红色的圈加一个斜杠,表示禁止的意思
cursor:not-allowed //是一个红色的圈加一个斜杠,表示禁止的意思
售后响应及时
7×24小时客服热线数据备份
更安全、更高效、更稳定价格公道精准
项目经理精准报价不弄虚作假合作无风险
重合同讲信誉,无效全额退款