CSS界面样式

鼠标样式

cursor语法

系统默认鼠标指针样式外，可以通过CSS设置图片为鼠标指针，常见有些网站鼠标指针是各种各样小图片样式，当然这个是通过css cursor设置鼠标样式。

值　　　　　　效果

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

default　　　　默认光标（通常是一个箭头）

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

crosshair　　    光标呈现为十字线。

pointer　　　　光标呈现为指示链接的指针（一只手）

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

 

 

text　　　　　　此光标指示文本。

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

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

outline

outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

可以设置的属性分别是（按顺序）：outline-color, outline-style, outline-width

outline-color,  outline-width 就是轮廓的颜色和宽度  outline-style是solid dotted dashed double等样式    

例如：

 

 

 

 

 

 

 

防止拖拽resize 属性

语法 resize: none|both|horizontal|vertical:

分别是  不能拖拽、 用户可调整元素的高度和宽度、 用户可调整元素的宽度 、用户可调整元素的高度

overflow

overflow：auto/scroll/visible/hidden 设置当内容溢出元素框时的样式。

auto：由浏览器决定如何显示。如果需要，则显示滚动条；

scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容；

visible：多出来的部分显示在外面（默认）；

hidden：多出来的部分隐藏；