Web前端学习第十二天·fighting_使用CSS布局和定位（二）_html/css_WEB-ITnose

我听说最近涨粉都是因为头像啊，于是我就换了一个。

还听说涨粉都是因为是女生啊，于是我不能再无动于衷了，就问一句，难道粉丝都是男生？

我是要成为后宫佳丽三千人的男人啊~

用户界面样式

　　outline 复合属性（outline-width、outline-style、outline-color），设置对象外的线条轮廓。outline画在border外面。

　　　　使用频率一般，在H5中不建议使用。

　　　　语法与border的使用类似。

示例代码如下：

 1  2  3   4 5      6      7     16 17 18     
19         20     
21 22 

运行结果：

　　cursor 设置在对象上移动的鼠标指针采用何种系统预定义的光标形状。

　　　　使用频率常用。

　　　　语法：cursor：[（使用自定义的图像作为光标类型，IE和Opera只支持.cur图片格式，火狐、谷歌和Safari也支持常见的图片格式） []?,]*[ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll]

　　　　游戏中使用自定义图片做鼠标指针的情况较为常见，一般网站只是用系统预定义的。

示例代码如下：

 1  2  3  4  5      6      7      8  9 10     

11
• 12

  cursor：default默认箭头型

  13 14
15
• 16

  cursor：pointer手型

  17 18
19
• 20

  cursor：text文本光标

  21 22
23

24 25

运行结果：

　　zoom 设置对象缩放比例。

　　　　语法：zoom：normal（正常显示） | （制定一个值，不允许负值） | （百分比设置）

示例代码如下：

 1  2  3  4  5      6      7  8  9     

10
• 11 zoom:normal缩放正常12
13
• 14 zoom:315
16
• 17 zoom:300%18
19
• 20 zoom:100%21
22
• 23 zoom:500%24
25

26 27

运行结果：