css中cursor属性详解

html-css014

css中cursor属性详解,第1张

cursor 属性规定要显示的光标的类型(形状)。

该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状

描述

url  

需使用的自定义光标的 URL。

注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。

default    默认光标(通常是一个箭头)  

auto    默认。浏览器设置的光标。  

crosshair    光标呈现为十字线。  

pointer  光标呈现为指示链接的指针(一只手)

move    此光标指示某对象可被移动。  

e-resize    此光标指示矩形框的边缘可被向右(东)移动。  

ne-resize    此光标指示矩形框的边缘可被向上及向右移动(北/东)。  

nw-resize    此光标指示矩形框的边缘可被向上及向左移动(北/西)。  

n-resize    此光标指示矩形框的边缘可被向上(北)移动。  

se-resize    此光标指示矩形框的边缘可被向下及向右移动(南/东)。  

sw-resize    此光标指示矩形框的边缘可被向下及向左移动(南/西)。  

s-resize    此光标指示矩形框的边缘可被向下移动(南)。  

w-resize    此光标指示矩形框的边缘可被向左移动(西)。  

text    此光标指示文本。  

wait    此光标指示程序正忙(通常是一只表或沙漏)。  

help    此光标指示可用的帮助(通常是一个问号或一个气球)。  

用css很容易实现,添加一个样式cursor: text,代码如下:

<!DOCTYPE HTML>

<html>

<head>

    <title>Untitled</title>

    <style>

    div{

        cursor: text

        background: #eeeeee

        width: 400px

        height: 200px

    }

    </style>

</head>

<body>

<div>

Hello World!

</div>

</body>

</html>

效果如下:

cursor样式说明:

url     需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。

default     默认光标(通常是一个箭头)

auto     默认。浏览器设置的光标。

crosshair     光标呈现为十字线。

pointer     光标呈现为指示链接的指针(一只手)

move     此光标指示某对象可被移动。

e-resize     此光标指示矩形框的边缘可被向右(东)移动。

ne-resize     此光标指示矩形框的边缘可被向上及向右移动(北/东)。

nw-resize     此光标指示矩形框的边缘可被向上及向左移动(北/西)。

n-resize     此光标指示矩形框的边缘可被向上(北)移动。

se-resize     此光标指示矩形框的边缘可被向下及向右移动(南/东)。

sw-resize     此光标指示矩形框的边缘可被向下及向左移动(南/西)。

s-resize     此光标指示矩形框的边缘可被向下移动(南)。

w-resize     此光标指示矩形框的边缘可被向左移动(西)。

text     此光标指示文本。

wait     此光标指示程序正忙(通常是一只表或沙漏)。

help     此光标指示可用的帮助(通常是一个问号或一个气球)。

float,css的一种属性,主要属性值为:left(左浮动)、none(不浮动)、right(右浮动)、inherit(继承父元素浮动),多用于网页排版。

float属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。

扩展资料

CSS属性

1、整数和实数

在CSS中只能使用浮点小数,而不能像其他编程语言那样使用科学记数法表示实数,即1.2E3在CSS中将是不合法的。下面是几个正确的例子,整数:128、-313,实数:12.20、1415、-12.03。

2、长度量

相对长度单位有:em——当前字体的高度,也就是font.size属性的值;ex——当前字体中小写字母x的高度;Dx——一个像素的长度,其实际的长度由显示器的设置决定,比如在800木600的设置下,一个像素的长度就等于屏幕的宽度除以800。

3、百分数量(percentages)

百分数量就是数字加上百分号。显然,百分数量总是相对的,所以和相对长度量一样,百分数量不被子级元素继承。

参考资料来源:百度百科-CSS

参考资料来源:百度百科-FLOAT